/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (2) ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap); /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ng-pick-datetime/assets/style/picker.min.css ***! \***************************************************************************************************************************************************************************************************************************************************/ .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:block;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{outline:0}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:0;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:0}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ng-pick-datetime/assets/style/picker.min.css (1) ***! \*******************************************************************************************************************************************************************************************************************************************************/ .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:block;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{outline:0}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:0;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:0}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ng-pick-datetime/assets/style/picker.min.css (2) ***! \*******************************************************************************************************************************************************************************************************************************************************/ .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:block;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{outline:0}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:0;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:0}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ng-pick-datetime/assets/style/picker.min.css (3) ***! \*******************************************************************************************************************************************************************************************************************************************************/ .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:block;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{outline:0}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:0;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:0}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ng-pick-datetime/assets/style/picker.min.css (4) ***! \*******************************************************************************************************************************************************************************************************************************************************/ .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:block;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{outline:0}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:0;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:0}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css ***! \*******************************************************************************************************************************************************************************************************************************/ /** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/lib/codemirror.css ***! \************************************************************************************************************************************************************************************************************************************/ /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; direction: ltr; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumbers {} .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; } .cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; } .cm-fat-cursor { caret-color: transparent; } @keyframes blink { 0% {} 50% { background-color: transparent; } 100% {} } /* Can style cursor different in overwrite (non-insert) mode */ .CodeMirror-overwrite .CodeMirror-cursor {} .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-header {color: blue;} .cm-s-default .cm-quote {color: #090;} .cm-negative {color: #d44;} .cm-positive {color: #292;} .cm-header, .cm-strong {font-weight: bold;} .cm-em {font-style: italic;} .cm-link {text-decoration: underline;} .cm-strikethrough {text-decoration: line-through;} .cm-s-default .cm-keyword {color: #708;} .cm-s-default .cm-atom {color: #219;} .cm-s-default .cm-number {color: #164;} .cm-s-default .cm-def {color: #00f;} .cm-s-default .cm-variable, .cm-s-default .cm-punctuation, .cm-s-default .cm-property, .cm-s-default .cm-operator {} .cm-s-default .cm-variable-2 {color: #05a;} .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;} .cm-s-default .cm-comment {color: #a50;} .cm-s-default .cm-string {color: #a11;} .cm-s-default .cm-string-2 {color: #f50;} .cm-s-default .cm-meta {color: #555;} .cm-s-default .cm-qualifier {color: #555;} .cm-s-default .cm-builtin {color: #30a;} .cm-s-default .cm-bracket {color: #997;} .cm-s-default .cm-tag {color: #170;} .cm-s-default .cm-attribute {color: #00c;} .cm-s-default .cm-hr {color: #999;} .cm-s-default .cm-link {color: #00c;} .cm-s-default .cm-error {color: #f00;} .cm-invalidchar {color: #f00;} .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;} div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;} .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } .CodeMirror-activeline-background {background: #e8f2ff;} /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; background: white; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 50px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; z-index: 0; } .CodeMirror-sizer { position: relative; border-right: 50px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; outline: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper ::selection { background-color: transparent } .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { /* Reset some styles that the rest of the page might have set */ border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual; } .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; /* Force widget margins to stay inside of the container */ } .CodeMirror-widget {} .CodeMirror-rtl pre { direction: rtl; } .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-searching { background-color: #ffa; background-color: rgba(255, 255, 0, .4); } /* Used to force a border model for a node */ .cm-force-border { padding-right: .1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ''; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/addon/hint/show-hint.css ***! \******************************************************************************************************************************************************************************************************************************************/ .CodeMirror-hints { position: absolute; z-index: 10; overflow: hidden; list-style: none; margin: 0; padding: 2px; box-shadow: 2px 3px 5px rgba(0,0,0,.2); border-radius: 3px; border: 1px solid silver; background: white; font-size: 90%; font-family: monospace; max-height: 20em; overflow-y: auto; box-sizing: border-box; } .CodeMirror-hint { margin: 0; padding: 0 4px; border-radius: 2px; white-space: pre; color: black; cursor: pointer; } li.CodeMirror-hint-active { background: #08f; color: white; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/addon/dialog/dialog.css ***! \*****************************************************************************************************************************************************************************************************************************************/ .CodeMirror-dialog { position: absolute; left: 0; right: 0; background: inherit; z-index: 15; padding: .1em .8em; overflow: hidden; color: inherit; } .CodeMirror-dialog-top { border-bottom: 1px solid #eee; top: 0; } .CodeMirror-dialog-bottom { border-top: 1px solid #eee; bottom: 0; } .CodeMirror-dialog input { border: none; outline: none; background: transparent; width: 20em; color: inherit; font-family: monospace; } .CodeMirror-dialog button { font-size: 70%; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/3024-day.css ***! \************************************************************************************************************************************************************************************************************************************/ /* Name: 3024 day Author: Jan T. Sott (http://github.com/idleberg) CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-3024-day.CodeMirror { background: #f7f7f7; color: #3a3432; } .cm-s-3024-day div.CodeMirror-selected { background: #d6d5d4; } .cm-s-3024-day .CodeMirror-line::selection, .cm-s-3024-day .CodeMirror-line > span::selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d6d5d4; } .cm-s-3024-day .CodeMirror-line::-moz-selection, .cm-s-3024-day .CodeMirror-line > span::-moz-selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d9d9d9; } .cm-s-3024-day .CodeMirror-gutters { background: #f7f7f7; border-right: 0px; } .cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; } .cm-s-3024-day .CodeMirror-guttermarker-subtle { color: #807d7c; } .cm-s-3024-day .CodeMirror-linenumber { color: #807d7c; } .cm-s-3024-day .CodeMirror-cursor { border-left: 1px solid #5c5855; } .cm-s-3024-day span.cm-comment { color: #cdab53; } .cm-s-3024-day span.cm-atom { color: #a16a94; } .cm-s-3024-day span.cm-number { color: #a16a94; } .cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute { color: #01a252; } .cm-s-3024-day span.cm-keyword { color: #db2d20; } .cm-s-3024-day span.cm-string { color: #fded02; } .cm-s-3024-day span.cm-variable { color: #01a252; } .cm-s-3024-day span.cm-variable-2 { color: #01a0e4; } .cm-s-3024-day span.cm-def { color: #e8bbd0; } .cm-s-3024-day span.cm-bracket { color: #3a3432; } .cm-s-3024-day span.cm-tag { color: #db2d20; } .cm-s-3024-day span.cm-link { color: #a16a94; } .cm-s-3024-day span.cm-error { background: #db2d20; color: #5c5855; } .cm-s-3024-day .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: #a16a94 !important; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/3024-night.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* Name: 3024 night Author: Jan T. Sott (http://github.com/idleberg) CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-3024-night.CodeMirror { background: #090300; color: #d6d5d4; } .cm-s-3024-night div.CodeMirror-selected { background: #3a3432; } .cm-s-3024-night .CodeMirror-line::selection, .cm-s-3024-night .CodeMirror-line > span::selection, .cm-s-3024-night .CodeMirror-line > span > span::selection { background: rgba(58, 52, 50, .99); } .cm-s-3024-night .CodeMirror-line::-moz-selection, .cm-s-3024-night .CodeMirror-line > span::-moz-selection, .cm-s-3024-night .CodeMirror-line > span > span::-moz-selection { background: rgba(58, 52, 50, .99); } .cm-s-3024-night .CodeMirror-gutters { background: #090300; border-right: 0px; } .cm-s-3024-night .CodeMirror-guttermarker { color: #db2d20; } .cm-s-3024-night .CodeMirror-guttermarker-subtle { color: #5c5855; } .cm-s-3024-night .CodeMirror-linenumber { color: #5c5855; } .cm-s-3024-night .CodeMirror-cursor { border-left: 1px solid #807d7c; } .cm-s-3024-night span.cm-comment { color: #cdab53; } .cm-s-3024-night span.cm-atom { color: #a16a94; } .cm-s-3024-night span.cm-number { color: #a16a94; } .cm-s-3024-night span.cm-property, .cm-s-3024-night span.cm-attribute { color: #01a252; } .cm-s-3024-night span.cm-keyword { color: #db2d20; } .cm-s-3024-night span.cm-string { color: #fded02; } .cm-s-3024-night span.cm-variable { color: #01a252; } .cm-s-3024-night span.cm-variable-2 { color: #01a0e4; } .cm-s-3024-night span.cm-def { color: #e8bbd0; } .cm-s-3024-night span.cm-bracket { color: #d6d5d4; } .cm-s-3024-night span.cm-tag { color: #db2d20; } .cm-s-3024-night span.cm-link { color: #a16a94; } .cm-s-3024-night span.cm-error { background: #db2d20; color: #807d7c; } .cm-s-3024-night .CodeMirror-activeline-background { background: #2F2F2F; } .cm-s-3024-night .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/abbott.css ***! \**********************************************************************************************************************************************************************************************************************************/ /* * abbott.css * A warm, dark theme for prose and code, with pastels and pretty greens. * * Ported from abbott.vim (https://github.com/bcat/abbott.vim) version 2.1. * Original design and CodeMirror port by Jonathan Rascher. * * This theme shares the following color palette with the Vim color scheme. * * Brown shades: * bistre: #231c14 * chocolate: #3c3022 * cocoa: #745d42 * vanilla_cream: #fef3b4 * * Red shades: * crimson: #d80450 * cinnabar: #f63f05 * * Green shades: * dark_olive: #273900 * forest_green: #24a507 * chartreuse: #a0ea00 * pastel_chartreuse: #d8ff84 * * Yellow shades: * marigold: #fbb32f * lemon_meringue: #fbec5d * * Blue shades: * cornflower_blue: #3f91f1 * periwinkle_blue: #8ccdf0 * * Magenta shades: * french_pink: #ec6c99 * lavender: #e6a2f3 * * Cyan shades: * zomp: #39a78d * seafoam_green: #00ff7f */ /* Style the UI: */ /* Equivalent to Vim's Normal group. */ .cm-s-abbott.CodeMirror { background: #231c14 /* bistre */; color: #d8ff84 /* pastel_chartreuse */; } /* Roughly equivalent to Vim's LineNr group. */ .cm-s-abbott .CodeMirror-gutters { background: #231c14 /* bistre */; border: none; } .cm-s-abbott .CodeMirror-linenumber { color: #fbec5d /* lemon_meringue */; } .cm-s-abbott .CodeMirror-guttermarker { color: #f63f05 /* cinnabar */; } /* Roughly equivalent to Vim's FoldColumn group. */ .cm-s-abbott .CodeMirror-guttermarker-subtle { color: #fbb32f /* marigold */; } /* * Roughly equivalent to Vim's CursorColumn group. (We use a brighter color * since Vim's cursorcolumn option highlights a whole column, whereas * CodeMirror's rule just highlights a thin line.) */ .cm-s-abbott .CodeMirror-ruler { border-color: #745d42 /* cocoa */; } /* Equivalent to Vim's Cursor group in insert mode. */ .cm-s-abbott .CodeMirror-cursor { border-color: #a0ea00 /* chartreuse */; } /* Equivalent to Vim's Cursor group in normal mode. */ .cm-s-abbott.cm-fat-cursor .CodeMirror-cursor, .cm-s-abbott .cm-animate-fat-cursor { /* * CodeMirror doesn't allow changing the foreground color of the character * under the cursor, so we can't use a reverse video effect for the cursor. * Instead, make it semitransparent. */ background: rgba(160, 234, 0, 0.5) /* chartreuse */; } .cm-s-abbott.cm-fat-cursor .CodeMirror-cursors { /* * Boost the z-index so the fat cursor shows up on top of text and * matchingbracket/matchingtag highlights. */ z-index: 3; } /* Equivalent to Vim's Cursor group in replace mode. */ .cm-s-abbott .CodeMirror-overwrite .CodeMirror-cursor { border-bottom: 1px solid #a0ea00 /* chartreuse */; border-left: none; width: auto; } /* Roughly equivalent to Vim's CursorIM group. */ .cm-s-abbott .CodeMirror-secondarycursor { border-color: #00ff7f /* seafoam_green */; } /* Roughly equivalent to Vim's Visual group. */ .cm-s-abbott .CodeMirror-selected, .cm-s-abbott.CodeMirror-focused .CodeMirror-selected { background: #273900 /* dark_olive */; } .cm-s-abbott .CodeMirror-line::selection, .cm-s-abbott .CodeMirror-line > span::selection, .cm-s-abbott .CodeMirror-line > span > span::selection { background: #273900 /* dark_olive */; } .cm-s-abbott .CodeMirror-line::-moz-selection, .cm-s-abbott .CodeMirror-line > span::-moz-selection, .cm-s-abbott .CodeMirror-line > span > span::-moz-selection { background: #273900 /* dark_olive */; } /* Roughly equivalent to Vim's SpecialKey group. */ .cm-s-abbott .cm-tab { color: #00ff7f /* seafoam_green */; } /* Equivalent to Vim's Search group. */ .cm-s-abbott .cm-searching { background: #fef3b4 /* vanilla_cream */ !important; color: #231c14 /* bistre */ !important; } /* Style syntax highlighting modes: */ /* Equivalent to Vim's Comment group. */ .cm-s-abbott span.cm-comment { color: #fbb32f /* marigold */; font-style: italic; } /* Equivalent to Vim's String group. */ .cm-s-abbott span.cm-string, .cm-s-abbott span.cm-string-2 { color: #e6a2f3 /* lavender */; } /* Equivalent to Vim's Constant group. */ .cm-s-abbott span.cm-number, .cm-s-abbott span.cm-string.cm-url { color: #f63f05 /* cinnabar */; } /* Roughly equivalent to Vim's SpecialKey group. */ .cm-s-abbott span.cm-invalidchar { color: #00ff7f /* seafoam_green */; } /* Equivalent to Vim's Special group. */ .cm-s-abbott span.cm-atom { color: #fef3b4 /* vanilla_cream */; } /* Equivalent to Vim's Delimiter group. */ .cm-s-abbott span.cm-bracket, .cm-s-abbott span.cm-punctuation { color: #fef3b4 /* vanilla_cream */; } /* Equivalent Vim's Operator group. */ .cm-s-abbott span.cm-operator { font-weight: bold; } /* Roughly equivalent to Vim's Identifier group. */ .cm-s-abbott span.cm-def, .cm-s-abbott span.cm-variable, .cm-s-abbott span.cm-variable-2, .cm-s-abbott span.cm-variable-3 { color: #8ccdf0 /* periwinkle_blue */; } /* Roughly equivalent to Vim's Function group. */ .cm-s-abbott span.cm-builtin, .cm-s-abbott span.cm-property, .cm-s-abbott span.cm-qualifier { color: #3f91f1 /* cornflower_blue */; } /* Equivalent to Vim's Type group. */ .cm-s-abbott span.cm-type { color: #24a507 /* forest_green */; } /* Equivalent to Vim's Keyword group. */ .cm-s-abbott span.cm-keyword { color: #d80450 /* crimson */; font-weight: bold; } /* Equivalent to Vim's PreProc group. */ .cm-s-abbott span.cm-meta { color: #ec6c99 /* french_pink */; } /* Equivalent to Vim's htmlTagName group (linked to Statement). */ .cm-s-abbott span.cm-tag { color: #d80450 /* crimson */; font-weight: bold; } /* Equivalent to Vim's htmlArg group (linked to Type). */ .cm-s-abbott span.cm-attribute { color: #24a507 /* forest_green */; } /* Equivalent to Vim's htmlH1, markdownH1, etc. groups (linked to Title). */ .cm-s-abbott span.cm-header { color: #d80450 /* crimson */; font-weight: bold; } /* Equivalent to Vim's markdownRule group (linked to PreProc). */ .cm-s-abbott span.cm-hr { color: #ec6c99 /* french_pink */; } /* Roughly equivalent to Vim's Underlined group. */ .cm-s-abbott span.cm-link { color: #e6a2f3 /* lavender */; } /* Equivalent to Vim's diffRemoved group. */ .cm-s-abbott span.cm-negative { background: #d80450 /* crimson */; color: #231c14 /* bistre */; } /* Equivalent to Vim's diffAdded group. */ .cm-s-abbott span.cm-positive { background: #a0ea00 /* chartreuse */; color: #231c14 /* bistre */; font-weight: bold; } /* Equivalent to Vim's Error group. */ .cm-s-abbott span.cm-error { background: #d80450 /* crimson */; color: #231c14 /* bistre */; } /* Style addons: */ /* Equivalent to Vim's MatchParen group. */ .cm-s-abbott span.CodeMirror-matchingbracket { background: #745d42 /* cocoa */ !important; color: #231c14 /* bistre */ !important; font-weight: bold; } /* * Roughly equivalent to Vim's Error group. (Vim doesn't seem to have a direct * equivalent in its own matchparen plugin, but many syntax highlighting plugins * mark mismatched brackets as Error.) */ .cm-s-abbott span.CodeMirror-nonmatchingbracket { background: #d80450 /* crimson */ !important; color: #231c14 /* bistre */ !important; } .cm-s-abbott .CodeMirror-matchingtag, .cm-s-abbott .cm-matchhighlight { outline: 1px solid #39a78d /* zomp */; } /* Equivalent to Vim's CursorLine group. */ .cm-s-abbott .CodeMirror-activeline-background, .cm-s-abbott .CodeMirror-activeline-gutter { background: #3c3022 /* chocolate */; } /* Equivalent to Vim's CursorLineNr group. */ .cm-s-abbott .CodeMirror-activeline-gutter .CodeMirror-linenumber { color: #d8ff84 /* pastel_chartreuse */; font-weight: bold; } /* Roughly equivalent to Vim's Folded group. */ .cm-s-abbott .CodeMirror-foldmarker { color: #f63f05 /* cinnabar */; text-shadow: none; } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/abcdef.css ***! \**********************************************************************************************************************************************************************************************************************************/ .cm-s-abcdef.CodeMirror { background: #0f0f0f; color: #defdef; } .cm-s-abcdef div.CodeMirror-selected { background: #515151; } .cm-s-abcdef .CodeMirror-line::selection, .cm-s-abcdef .CodeMirror-line > span::selection, .cm-s-abcdef .CodeMirror-line > span > span::selection { background: rgba(56, 56, 56, 0.99); } .cm-s-abcdef .CodeMirror-line::-moz-selection, .cm-s-abcdef .CodeMirror-line > span::-moz-selection, .cm-s-abcdef .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 56, 56, 0.99); } .cm-s-abcdef .CodeMirror-gutters { background: #555; border-right: 2px solid #314151; } .cm-s-abcdef .CodeMirror-guttermarker { color: #222; } .cm-s-abcdef .CodeMirror-guttermarker-subtle { color: azure; } .cm-s-abcdef .CodeMirror-linenumber { color: #FFFFFF; } .cm-s-abcdef .CodeMirror-cursor { border-left: 1px solid #00FF00; } .cm-s-abcdef span.cm-keyword { color: darkgoldenrod; font-weight: bold; } .cm-s-abcdef span.cm-atom { color: #77F; } .cm-s-abcdef span.cm-number { color: violet; } .cm-s-abcdef span.cm-def { color: #fffabc; } .cm-s-abcdef span.cm-variable { color: #abcdef; } .cm-s-abcdef span.cm-variable-2 { color: #cacbcc; } .cm-s-abcdef span.cm-variable-3, .cm-s-abcdef span.cm-type { color: #def; } .cm-s-abcdef span.cm-property { color: #fedcba; } .cm-s-abcdef span.cm-operator { color: #ff0; } .cm-s-abcdef span.cm-comment { color: #7a7b7c; font-style: italic;} .cm-s-abcdef span.cm-string { color: #2b4; } .cm-s-abcdef span.cm-meta { color: #C9F; } .cm-s-abcdef span.cm-qualifier { color: #FFF700; } .cm-s-abcdef span.cm-builtin { color: #30aabc; } .cm-s-abcdef span.cm-bracket { color: #8a8a8a; } .cm-s-abcdef span.cm-tag { color: #FFDD44; } .cm-s-abcdef span.cm-attribute { color: #DDFF00; } .cm-s-abcdef span.cm-error { color: #FF0000; } .cm-s-abcdef span.cm-header { color: aquamarine; font-weight: bold; } .cm-s-abcdef span.cm-link { color: blueviolet; } .cm-s-abcdef .CodeMirror-activeline-background { background: #314151; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/ambiance-mobile.css ***! \*******************************************************************************************************************************************************************************************************************************************/ .cm-s-ambiance.CodeMirror { box-shadow: none; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/ambiance.css ***! \************************************************************************************************************************************************************************************************************************************/ /* ambiance theme for codemirror */ /* Color scheme */ .cm-s-ambiance .cm-header { color: blue; } .cm-s-ambiance .cm-quote { color: #24C2C7; } .cm-s-ambiance .cm-keyword { color: #cda869; } .cm-s-ambiance .cm-atom { color: #CF7EA9; } .cm-s-ambiance .cm-number { color: #78CF8A; } .cm-s-ambiance .cm-def { color: #aac6e3; } .cm-s-ambiance .cm-variable { color: #ffb795; } .cm-s-ambiance .cm-variable-2 { color: #eed1b3; } .cm-s-ambiance .cm-variable-3, .cm-s-ambiance .cm-type { color: #faded3; } .cm-s-ambiance .cm-property { color: #eed1b3; } .cm-s-ambiance .cm-operator { color: #fa8d6a; } .cm-s-ambiance .cm-comment { color: #555; font-style:italic; } .cm-s-ambiance .cm-string { color: #8f9d6a; } .cm-s-ambiance .cm-string-2 { color: #9d937c; } .cm-s-ambiance .cm-meta { color: #D2A8A1; } .cm-s-ambiance .cm-qualifier { color: yellow; } .cm-s-ambiance .cm-builtin { color: #9999cc; } .cm-s-ambiance .cm-bracket { color: #24C2C7; } .cm-s-ambiance .cm-tag { color: #fee4ff; } .cm-s-ambiance .cm-attribute { color: #9B859D; } .cm-s-ambiance .cm-hr { color: pink; } .cm-s-ambiance .cm-link { color: #F4C20B; } .cm-s-ambiance .cm-special { color: #FF9D00; } .cm-s-ambiance .cm-error { color: #AF2018; } .cm-s-ambiance .CodeMirror-matchingbracket { color: #0f0; } .cm-s-ambiance .CodeMirror-nonmatchingbracket { color: #f22; } .cm-s-ambiance div.CodeMirror-selected { background: rgba(255, 255, 255, 0.15); } .cm-s-ambiance.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); } .cm-s-ambiance .CodeMirror-line::selection, .cm-s-ambiance .CodeMirror-line > span::selection, .cm-s-ambiance .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); } .cm-s-ambiance .CodeMirror-line::-moz-selection, .cm-s-ambiance .CodeMirror-line > span::-moz-selection, .cm-s-ambiance .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); } /* Editor styling */ .cm-s-ambiance.CodeMirror { line-height: 1.40em; color: #E6E1DC; background-color: #202020; box-shadow: inset 0 0 10px black; } .cm-s-ambiance .CodeMirror-gutters { background: #3D3D3D; border-right: 1px solid #4D4D4D; box-shadow: 0 10px 20px black; } .cm-s-ambiance .CodeMirror-linenumber { text-shadow: 0px 1px 1px #4d4d4d; color: #111; padding: 0 5px; } .cm-s-ambiance .CodeMirror-guttermarker { color: #aaa; } .cm-s-ambiance .CodeMirror-guttermarker-subtle { color: #111; } .cm-s-ambiance .CodeMirror-cursor { border-left: 1px solid #7991E8; } .cm-s-ambiance .CodeMirror-activeline-background { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.031); } .cm-s-ambiance.CodeMirror, .cm-s-ambiance .CodeMirror-gutters { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAQAAAAHUWYVAABFFUlEQVQYGbzBCeDVU/74/6fj9HIcx/FRHx9JCFmzMyGRURhLZIkUsoeRfUjS2FNDtr6WkMhO9sm+S8maJfu+Jcsg+/o/c+Z4z/t97/vezy3z+z8ekGlnYICG/o7gdk+wmSHZ1z4pJItqapjoKXWahm8NmV6eOTbWUOp6/6a/XIg6GQqmenJ2lDHyvCFZ2cBDbmtHA043VFhHwXxClWmeYAdLhV00Bd85go8VmaFCkbVkzlQENzfBDZ5gtN7HwF0KDrTwJ0dypSOzpaKCMwQHKTIreYIxlmhXTzTWkVm+LTynZhiSBT3RZQ7aGfjGEd3qyXQ1FDymqbKxpspERQN2MiRjNZlFFQXfCNFm9nM1zpAsoYjmtRTc5ajwuaXc5xrWskT97RaKzAGe5ARHhVUsDbjKklziiX5WROcJwSNCNI+9w1Jwv4Zb2r7lCMZ4oq5C0EdTx+2GzNuKpJ+iFf38JEWkHJn9DNF7mmBDITrWEg0VWL3pHU20tSZnuqWu+R3BtYa8XxV1HO7GyD32UkOpL/yDloINFTmvtId+nmAjxRw40VMwVKiwrKLE4bK5UOVntYwhOcSSXKrJHKPJedocpGjVz/ZMIbnYUPB10/eKCrs5apqpgVmWzBYWpmtKHecJPjaUuEgRDDaU0oZghCJ6zNMQ5ZhDYx05r5v2muQdM0EILtXUsaKiQX9WMEUotagQzFbUNN6NUPC2nm5pxEWGCjMc3GdJHjSU2kORLK/JGSrkfGEIjncU/CYUnOipoYemwj8tST9NsJmB7TUVXtbUtXATJVZXBMvYeTXJfobgJUPmGMP/yFaWonaa6BcFO3nqcIqCozSZoZoSr1g4zJOzuyGnxTEX3lUEJ7WcZgme8ddaWvWJo2AJR9DZU3CUIbhCSG6ybSwN6qtJVnCU2svDTP2ZInOw2cBTrqtQahtNZn9NcJ4l2NaSmSkkP1noZWnVwkLmdUPOwLZEwy2Z3S3R+4rIG9hcbpPXHFVWcQdZkn2FOta3cKWQnNRC5g1LsJah4GCzSVsKnCOY5OAFRTBekyyryeyilhFKva75r4Mc0aWanGEaThcy31s439KKxTzJYY5WTHPU1FtIHjQU3Oip4xlNzj/lBw23dYZVliQa7WAXf4shetcQfatI+jWRDBPmyNeW6A1P5kdDgyYJlba0BIM8BZu1JfrFwItyjcAMR3K0BWOIrtMEXyhyrlVEx3ui5dUBjmB/Q3CXW85R4mBD0s7B+4q5tKUjOlb9qqmhi5AZ6GFIC5HXtOobdYGlVdMVbNJ8toNTFcHxnoL+muBagcctjWnbNMuR00uI7nQESwg5q2qqrKWIfrNUmeQocY6HuyxJV02wj36w00yhpmUFenv4p6fUkZYqLyuinx2RGOjhCXYyJF84oiU00YMOOhhquNdfbOB7gU88pY4xJO8LVdp6/q2voeB4R04vIdhSE40xZObx1HGGJ/ja0LBthFInKaLPPFzuCaYaoj8JjPME8yoyxo6zlBqkiUZYgq00OYMswbWO5NGmq+xhipxHLRW29ARjNKXO0wRnear8XSg4XFPLKEPUS1GqvyLwiuBUoa7zpZ0l5xxFwWmWZC1H5h5FwU8eQ7K+g8UcVY6TMQreVQT/8uQ8Z+ALIXnSEa2pYZQneE9RZbSBNYXfWYJzW/h/4j4Dp1tYVcFIC5019Vyi4ThPqSFCzjGWaHQTBU8q6vrVwgxP9Lkm840imWKpcLCjYTtrKuwvsKSnrvHCXGkSMk9p6lhckfRpIeis+N2PiszT+mFLspyGleUhDwcLrZqmyeylxwjBcKHEapqkmyangyLZRVOijwOtCY5SsG5zL0OwlCJ4y5KznF3EUNDDrinwiyLZRzOXtlBbK5ITHFGLp8Q0R6ab6mS7enI2cFrxOyHvOCFaT1HThS1krjCwqWeurCkk+willhCC+RSZnRXBiZaC5RXRIZYKp2lyfrHwiKPKR0JDzrdU2EFgpidawlFDR6FgXUMNa+g1FY3bUQh2cLCwosRdnuQTS/S+JVrGLeWIvtQUvONJxlqSQYYKpwoN2kaocLjdVsis4Mk80ESF2YpSkzwldjHkjFCUutI/r+EHDU8oCs6yzL3PhWiEooZdFMkymlas4AcI3KmoMMNSQ3tHzjGWCrcJJdYyZC7QFGwjRL9p+MrRkAGWzIaWCn9W0F3TsK01c2ZvQw0byvxuQU0r1lM0qJO7wW0kRIMdDTtXEdzi4VIh+EoIHm0mWtAtpCixlabgn83fKTI7anJe9ST7WIK1DMGpQmYeA58ImV6ezOGOzK2Kgq01pd60cKWiUi9Lievb/0vIDPHQ05Kzt4ddPckQBQtoaurjyHnek/nKzpQLrVgKPjIkh2v4uyezpv+Xoo7fPFXaGFp1vaLKxQ4uUpQQS5VuQs7BCq4xRJv7fwpVvvFEB3j+620haOuocqMhWd6TTPAEx+mdFNGHdranFe95WrWmIvlY4F1Dle2ECgc6cto7SryuqGGGha0tFQ5V53migUKmg6XKAo4qS3mik+0OZpAhOLeZKicacgaYcyx5hypYQE02ZA4xi/pNhOQxR4klNKyqacj+mpxnLTnnGSo85++3ZCZq6lrZkXlGEX3o+C9FieccJbZWVFjC0Yo1FZnJhoYMFoI1hEZ9r6hwg75HwzBNhbZCdJEfJwTPGzJvaKImw1yYX1HDAmpXR+ZJQ/SmgqMNVQb5vgamGwLtt7VwvP7Qk1xpiM5x5Cyv93E06MZmgs0Nya2azIKOYKCGBQQW97RmhKNKF02JZqHEJ4o58qp7X5EcZmc56trXEqzjCBZ1MFGR87Ql2tSTs6CGxS05PTzRQorkbw7aKoKXFDXsYW42VJih/q+FP2BdTzDTwVqOYB13liM50vG7wy28qagyuIXMeQI/Oqq8bcn5wJI50xH00CRntyfpL1T4hydYpoXgNiFzoIUTDZnLNRzh4TBHwbYGDvZkxmlyJloyr6tRihpeUG94GnKtIznREF0tzJG/OOr73JBcrSh1k6WuTprgLU+mnSGnv6Zge0NNz+kTDdH8nuAuTdJDCNb21LCiIuqlYbqGzT3RAoZofQfjFazkqeNWdYaGvYTM001EW2oKPvVk1ldUGSgUtHFwjKM1h9jnFcmy5lChoLNaQMGGDsYbKixlaMBmmsx1QjCfflwTfO/gckW0ruZ3jugKR3R5W9hGUWqCgxuFgsuaCHorotGKzGaeZB9DMsaTnKCpMtwTvOzhYk0rdrArKCqcaWmVk1+F372ur1YkKxgatI8Qfe1gIX9wE9FgS8ESmuABIXnRUbCapcKe+nO7slClSZFzpV/LkLncEb1qiO42fS3R855Su2mCLh62t1SYZZYVmKwIHjREF2uihTzB20JOkz7dkxzYQnK0UOU494wh+VWRc6Un2kpTaVgLDFEkJ/uhzRcI0YKGgpGWOlocBU/a4fKoJ/pEaNV6jip3+Es9VXY078rGnmAdf7t9ylPXS34RBSuYPs1UecZTU78WanhBCHpZ5sAoTz0LGZKjPf9TRypqWEiTvOFglL1fCEY3wY/++rbk7C8bWebA6p6om6PgOL2kp44TFJlVNBXae2rqqdZztOJpT87GQsE9jqCPIe9VReZuQ/CIgacsyZdCpIScSYqcZk8r+nsyCzhyfhOqHGOIvrLknC8wTpFcaYiGC/RU1NRbUeUpocQOnkRpGOrIOcNRx+1uA0UrzhSSt+VyS3SJpnFWkzNDqOFGIWcfR86DnmARTQ1HKIL33ExPiemeOhYSSjzlSUZZuE4TveoJLnBUOFof6KiysCbnAEcZgcUNTDOwkqWu3RWtmGpZwlHhJENdZ3miGz0lJlsKnjbwqSHQjpxnFDlTLLwqJPMZMjd7KrzkSG7VsxXBZE+F8YZkb01Oe00yyRK9psh5SYh29ySPKBo2ylNht7ZkZnsKenjKNJu9PNEyZpaCHv4Kt6RQsLvAVp7M9kIimmCUwGeWqLMmGuIotYMmWNpSahkhZw9FqZsVnKJhsjAHvtHMsTM9fCI06Dx/u3vfUXCqfsKRc4oFY2jMsoo/7DJDwZ1CsIKnJu+J9ldkpmiCxQx1rWjI+T9FwcWWzOuaYH0Hj7klNRVWEQpmaqosakiGNTFHdjS/qnUdmf0NJW5xsL0HhimCCZZSRzmSPTXJQ4aaztAwtZnoabebJ+htCaZ7Cm535ByoqXKbX1WRc4Eh2MkRXWzImVc96Cj4VdOKVxR84VdQsIUM8Psoou2byVHyZFuq7O8otbSQ2UAoeEWTudATLGSpZzVLlXVkPU2Jc+27lsw2jmg5T5VhbeE3BT083K9WsTTkFU/Osi0rC5lRlpwRHUiesNS0sOvmqGML1aRbPAxTJD9ZKtxuob+hhl8cwYGWpJ8nub7t5p6coYbMovZ1BTdaKn1jYD6h4GFDNFyT/Kqe1XCXphXHOKLZmuRSRdBPEfVUXQzJm5YGPGGJdvAEr7hHNdGZnuBvrpciGmopOLf5N0uVMy0FfYToJk90uUCbJupaVpO53UJXR2bVpoU00V2KOo4zMFrBd0Jtz2pa0clT5Q5L8IpQ177mWQejPMEJhuQjS10ref6HHjdEhy1P1EYR7GtO0uSsKJQYLiTnG1rVScj5lyazpqWGl5uBbRWl7m6ixGOOnEsMJR7z8J0n6KMnCdxhiNYQCoZ6CmYLnO8omC3MkW3bktlPmEt/VQQHejL3+dOE5FlPdK/Mq8hZxxJtLyRrepLThYKbLZxkSb5W52vYxNOaOxUF0yxMUPwBTYqCzy01XayYK0sJyWBLqX0MwU5CzoymRzV0EjjeUeLgDpTo6ij42ZAzvD01dHUUTPLU96MdLbBME8nFBn7zJCMtJcZokn8YoqU0FS5WFKyniHobguMcmW8N0XkWZjkyN3hqOMtS08r+/xTBwpZSZ3qiVRX8SzMHHjfUNFjgHEPmY9PL3ykEzxkSre/1ZD6z/NuznuB0RcE1TWTm9zRgfUWVJiG6yrzgmWPXC8EAR4Wxhlad0ZbgQyEz3pG5RVEwwDJH2mgKpjcTiCOzn1lfUWANFbZ2BA8balnEweJC9J0iuaeZoI+ippFCztEKVvckR2iice1JvhVytrQwUAZpgsubCPaU7xUe9vWnaOpaSBEspalykhC9bUlOMpT42ZHca6hyrqKmw/wMR8H5ZmdFoBVJb03O4UL0tSNnvIeRmkrLWqrs78gcrEn2tpcboh0UPOW3UUR9PMk4T4nnNKWmCjlrefhCwxRNztfmIQVdDElvS4m1/WuOujoZCs5XVOjtKPGokJzsYCtFYoWonSPT21DheU/wWhM19FcElwqNGOsp9Q8N/cwXaiND1MmeL1Q5XROtYYgGeFq1aTMsoMmcrKjQrOFQTQ1fmBYhmW6o8Jkjc7iDJRTBIo5kgJD5yMEYA3srCg7VFKwiVJkmRCc5ohGOKhsYMn/XBLdo5taZjlb9YAlGWRimqbCsoY7HFAXLa5I1HPRxMMsQDHFkWtRNniqT9UEeNjcE7RUlrCJ4R2CSJuqlKHWvJXjAUNcITYkenuBRB84TbeepcqTj3zZyFJzgYQdHnqfgI0ddUwS6GqWpsKWhjq9cV0vBAEMN2znq+EBfIWT+pClYw5xsTlJU6GeIBsjGmmANTzJZiIYpgrM0Oa8ZMjd7NP87jxhqGOhJlnQtjuQpB+8aEE00wZFznSJPyHxgH3HkPOsJFvYk8zqCHzTs1BYOa4J3PFU+UVRZxlHDM4YavlNUuMoRveiZA2d7grMNc2g+RbSCEKzmgYsUmWmazFJyoiOZ4KnyhKOGRzWJa0+moyV4TVHDzn51Awtqaphfk/lRQ08FX1iiqxTB/kLwd0VynKfEvI6cd4XMV5bMhZ7gZUWVzYQ6Nm2BYzxJbw3bGthEUUMfgbGeorae6DxHtJoZ6alhZ0+ytiVoK1R4z5PTrOECT/SugseEOlb1MMNR4VRNcJy+V1Hg9ONClSZFZjdHlc6W6FBLdJja2MC5hhpu0DBYEY1TFGwiFAxRRCsYkiM9JRb0JNMVkW6CZYT/2EiTGWmo8k+h4FhDNE7BvppoTSFnmCV5xZKzvcCdDo7VVPnIU+I+Rc68juApC90MwcFCsJ5hDqxgScYKreruyQwTqrzoqDCmhWi4IbhB0Yrt3RGa6GfDv52rKXWhh28dyZaWUvcZeMTBaZoSGyiCtRU5J8iviioHaErs7Jkj61syVzTTgOcUOQ8buFBTYWdL5g3T4qlpe0+wvD63heAXRfCCIed9RbCsp2CiI7raUOYOTU13N8PNHvpaGvayo4a3LLT1lDrVEPT2zLUlheB1R+ZTRfKWJ+dcocLJfi11vyJ51lLqJ0WD7tRwryezjiV5W28uJO9qykzX8JDe2lHl/9oyBwa2UMfOngpXCixvKdXTk3wrsKmiVYdZIqsoWEERjbcUNDuiaQomGoIbFdEHmsyWnuR+IeriKDVLnlawlyNHKwKlSU631PKep8J4Q+ayjkSLKYLhalNHlYvttb6fHm0p6OApsZ4l2VfdqZkjuysy6ysKLlckf1KUutCTs39bmCgEyyoasIWlVaMF7mgmWtBT8Kol5xpH9IGllo8cJdopcvZ2sImlDmMIbtDk3KIpeNiS08lQw11NFPTwVFlPP6pJ2gvRfI7gQUfmNAtf6Gs0wQxDsKGlVBdF8rCa3jzdwMaGHOsItrZk7hAyOzpK9VS06j5F49b0VNGOOfKs3lDToMsMBe9ZWtHFEgxTJLs7qrygKZjUnmCYoeAqeU6jqWuLJup4WghOdvCYJnrSkSzoyRkm5M2StQwVltPkfCAk58tET/CSg+8MUecmotMEnhBKfWBIZsg2ihruMJQaoIm+tkTLKEqspMh00w95gvFCQRtDwTT1gVDDSEVdlwqZfxoQRbK0g+tbiBZxzKlpnpypejdDwTaeOvorMk/IJE10h9CqRe28hhLbe0pMsdSwv4ZbhKivo2BjDWfL8UKJgeavwlwb5KlwhyE4u4XkGE2ytZCznKLCDZZq42VzT8HLCrpruFbIfOIINmh/qCdZ1ZBc65kLHR1Bkyf5zn6pN3SvGKIlFNGplhrO9QSXanLOMQTLCa0YJCRrCZm/CZmrLTm7WzCK4GJDiWUdFeYx1LCFg3NMd0XmCuF3Y5rITLDUsYS9zoHVzwnJoYpSTQoObyEzr4cFBNqYTopoaU/wkyLZ2lPhX/5Y95ulxGTV7KjhWrOZgl8MyUUafjYraNjNU1N3IWcjT5WzWqjwtoarHSUObGYO3GCJZpsBlnJGPd6ZYLyl1GdCA2625IwwJDP8GUKymbzuyPlZlvTUsaUh5zFDhRWFzPKKZLAlWdcQbObgF9tOqOsmB1dqcqYJmWstFbZRRI9poolmqiLnU0POvxScpah2iSL5UJNzgScY5+AuIbpO0YD3NCW+dLMszFSdFCWGqG6eVq2uYVNDdICGD6W7EPRWZEY5gpsE9rUkS3mijzzJnm6UpUFXG1hCUeVoS5WfNcFpblELL2qqrCvMvRfd45oalvKU2tiQ6ePJOVMRXase9iTtLJztPxJKLWpo2CRDcJwn2sWSLKIO1WQWNTCvpVUvOZhgSC40JD0dOctaSqzkCRbXsKlb11Oip6PCJ0IwSJM31j3akRxlP7Rwn6aGaUL0qiLnJkvB3xWZ2+Q1TfCwpQH3G0o92UzmX4o/oJNQMMSQc547wVHhdk+VCw01DFYEnTxzZKAm74QmeNNR1w6WzEhNK15VJzuCdxQ53dRUDws5KvwgBMOEgpcVNe0hZI6RXT1Jd0cyj5nsaEAHgVmGaJIlWdsc5Ui2ElrRR6jrRAttNMEAIWrTDFubkZaok7/AkzfIwfuWVq0jHzuCK4QabtLUMVPB3kJ0oyHTSVFlqMALilJf2Rf8k5aaHtMfayocLBS8L89oKoxpJvnAkDPa0qp5DAUTHKWmCcnthlou8iCKaFFLHWcINd1nyIwXqrSxMNmSs6KmoL2QrKuWtlQ5V0120xQ5vRyZS1rgFkWwhiOwiuQbR0OOVhQM9iS3tiXp4RawRPMp5tDletOOBL95MpM01dZTBM9pkn5qF010rIeHFcFZhmSGpYpTsI6nwhqe5C9ynhlpp5ophuRb6WcJFldkVnVEwwxVfrVkvnWUuNLCg5bgboFHPDlDPDmnK7hUrWiIbjadDclujlZcaokOFup4Ri1kacV6jmrrK1hN9bGwpKEBQ4Q6DvIUXOmo6U5LqQM6EPyiKNjVkPnJkDPNEaxhiFay5ExW1NXVUGqcpYYdPcGiCq7z/TSlbhL4pplWXKd7NZO5QQFrefhRQW/NHOsqcIglc4UhWklR8K0QzbAw08CBDnpbgqXdeD/QUsM4RZXDFBW6WJKe/mFPdH0LtBgiq57wFLzlyQzz82qYx5D5WJP5yVJDW01BfyHnS6HKO/reZqId1WGa4Hkh2kWodJ8i6KoIPlAj2hPt76CzXsVR6koPRzWTfKqIentatYpQw2me4AA3y1Kind3SwoOKZDcFXTwl9tWU6mfgRk9d71sKtlNwrjnYw5tC5n5LdKiGry3JKNlHEd3oaMCFHrazBPMp/uNJ+V7IudcSbeOIdjUEdwl0VHCOZo5t6YluEuaC9mQeMgSfOyKnYGFHcIeQ84yQWbuJYJpZw5CzglDH7gKnWqqM9ZTaXcN0TeYhR84eQtJT76JJ1lREe7WnnvsMmRc9FQ7SBBM9mV3lCUdmHk/S2RAMt0QjFNFqQpWjDPQ01DXWUdDBkXziKPjGEP3VP+zIWU2t7im41FOloyWzn/L6dkUy3VLDaZ6appgDLHPjJEsyvJngWEPUyVBiAaHCTEXwrLvSEbV1e1gKJniicWorC1MUrVjB3uDhJE/wgSOzk1DXpk0k73qCM8xw2UvD5kJmDUfOomqMpWCkJRlvKXGmoeBm18USjVIk04SClxTB6YrgLAPLWYK9HLUt5cmc0vYES8GnTeRc6skZbQkWdxRsIcyBRzx1DbTk9FbU0caTPOgJHhJKnOGIVhQqvKmo0llRw9sabrZkDtdg3PqaKi9oatjY8B+G371paMg6+mZFNNtQ04mWBq3rYLOmtWWQp8KJnpy9DdFensyjdqZ+yY40VJlH8wcdLzC8PZnvHMFUTZUrDTkLyQaGus5X5LzpYAf3i+e/ZlhqGqWhh6Ou6xTR9Z6oi5AZZtp7Mj2EEm8oSpxiYZCHU/1fbGdNNNRRoZMhmilEb2gqHOEJDtXkHK/JnG6IrvbPCwV3NhONVdS1thBMs1T4QOBcTWa2IzhMk2nW5Kyn9tXUtpv9RsG2msxk+ZsQzRQacJncpgke0+T8y5Fzj8BiGo7XlJjaTIlpQs7KFjpqGnKuoyEPeIKnFMkZHvopgh81ySxNFWvJWcKRs70j2FOT012IllEEO1n4pD1513Yg2ssQPOThOkvyrqHUdEXOSEsihmBbTbKX1kLBPWqWkLOqJbjB3GBIZmoa8qWl4CG/iZ7oiA72ZL7TJNeZUY7kFQftDcHHluBzRbCegzMtrRjVQpX2lgoPKKLJAkcbMl01XK2p7yhL8pCBbQ3BN2avJgKvttcrWDK3CiUOVxQ8ZP+pqXKyIxnmBymCg5vJjNfkPK4+c8cIfK8ocVt7kmfd/I5SR1hKvCzUtb+lhgc00ZaO6CyhIQP1Uv4yIZjload72PXX0OIJvnFU+0Zf6MhsJwTfW0r0UwQfW4LNLZl5HK261JCZ4qnBaAreVAS3WrjV0LBnNDUNNDToCEeFfwgcb4gOEqLRhirWkexrCEYKVV711DLYEE1XBEsp5tpTGjorkomKYF9FDXv7fR3BGwbettSxnyL53MBPjsxDZjMh+VUW9NRxq1DhVk+FSxQcaGjV9Pawv6eGByw5qzoy7xk4RsOShqjJwWKe/1pEEfzkobeD/dQJmpqedcyBTy2sr4nGNRH0c0SPWTLrqAc0OQcb/gemKgqucQT7ySWKCn2EUotoCvpZct7RO2sy/QW0IWcXd7pQRQyZVwT2USRO87uhjioTLKV2brpMUcMQRbKH/N2T+UlTpaMls6cmc6CCNy3JdYYSUzzJQ4oSD3oKLncULOiJvjBEC2oqnCJkJluCYy2ZQ5so9YYlZ1VLlQU1mXEW1jZERwj/MUSRc24TdexlqLKfQBtDTScJUV8FszXBEY5ktpD5Ur9hYB4Nb1iikw3JoYpkKX+RodRKFt53MMuRnKSpY31PwYaGaILh3wxJGz9TkTPEETxoCWZrgvOlmyMzxFEwVJE5xZKzvyJ4WxEc16Gd4Xe3Weq4XH2jKRikqOkGQ87hQnC7wBmGYLAnesX3M+S87eFATauuN+Qcrh7xIxXJbUIdMw3JGE3ylCWzrieaqCn4zhGM19TQ3z1oH1AX+pWEqIc7wNGAkULBo/ZxRaV9NNyh4Br3rCHZzbzmSfawBL0dNRwpW1kK9mxPXR9povcdrGSZK9c2k0xwFGzjuniCtRSZCZ6ccZ7gaktmgAOtKbG/JnOkJrjcQTdFMsxRQ2cLY3WTIrlCw1eWKn8R6pvt4GFDso3QoL4a3nLk3G6JrtME3dSenpx7PNFTmga0EaJTLQ061sEeQoWXhSo9LTXsaSjoJQRXeZLtDclbCrYzfzHHeaKjHCVOUkQHO3JeEepr56mhiyaYYKjjNU+Fed1wS5VlhWSqI/hYUdDOkaxiKehoyOnrCV5yBHtbWFqTHCCwtpDcYolesVR5yUzTZBb3RNMd0d6WP+SvhuBmRcGxnuQzT95IC285cr41cLGQ6aJJhmi4TMGempxeimBRQw1tFKV+8jd6KuzoSTqqDxzRtpZkurvKEHxlqXKRIjjfUNNXQsNOsRScoWFLT+YeRZVD3GRN0MdQcKqQjHDMrdGGVu3iYJpQx3WGUvfbmxwFfR20WBq0oYY7LMFhhgYtr8jpaEnaOzjawWWaTP8mMr0t/EPDPoqcnxTBI5o58L7uoWnMrpoqPwgVrlAUWE+V+TQl9rawoyP6QGAlQw2TPRX+YSkxyBC8Z6jhHkXBgQL7WII3DVFnRfCrBfxewv9D6xsyjys4VkhWb9pUU627JllV0YDNHMku/ldNMMXDEo4aFnAkk4U6frNEU4XgZUPmEKHUl44KrzmYamjAbh0JFvGnaTLPu1s9jPCwjFpYiN7z1DTOk/nc07CfDFzmCf7i+bfNHXhDtLeBXzTBT5rkMvWOIxpl4EMh2LGJBu2syDnAEx2naEhHDWMMzPZEhygyS1mS5RTJr5ZkoKbEUoYqr2kqdDUE8ztK7OaIntJkFrIECwv8LJTaVx5XJE86go8dFeZ3FN3rjabCAYpoYEeC9zzJVULBbmZhDyd7ko09ydpNZ3nm2Kee4FPPXHnYEF1nqOFEC08LUVcDvYXkJHW8gTaKCk9YGOeIJhqiE4ToPEepdp7IWFjdwnWaufGMwJJCMtUTTBBK9BGCOy2tGGrJTHIwyEOzp6aPzNMOtlZkDvcEWpP5SVNhfkvDxhmSazTJXYrM9U1E0xwFVwqZQwzJxw6+kGGGUj2FglGGmnb1/G51udRSMNlTw6GGnCcUwVcOpmsqTHa06o72sw1RL02p9z0VbnMLOaIX3QKaYKSCFQzBKEUNHTSc48k53RH9wxGMtpQa5KjjW0W0n6XCCCG4yxNNdhQ4R4l1Ff+2sSd6UFHiIEOyqqFgT01mEUMD+joy75jPhOA+oVVLm309FR4yVOlp4RhLiScNmSmaYF5Pw0STrOIoWMSR2UkRXOMp+M4SHW8o8Zoi6OZgjKOaFar8zZDzkWzvKOjkKBjmCXby8JahhjXULY4KlzgKLvAwxVGhvyd4zxB1d9T0piazmKLCVZY5sKiD0y2ZSYrkUEPUbIk+dlQ4SJHTR50k1DPaUWIdTZW9NJwnJMOECgd7ou/MnppMJ02O1VT4Wsh85MnZzcFTngpXGKo84qmwgKbCL/orR/SzJ2crA+t6Mp94KvxJUeIbT3CQu1uIdlQEOzlKfS3UMcrTiFmOuroocrZrT2AcmamOKg8YomeEKm/rlT2sociMaybaUlFhuqHCM2qIJ+rg4EcDFymiDSxzaHdPcpE62pD5kyM5SBMoA1PaUtfIthS85ig1VPiPPYXgYEMNk4Qq7TXBgo7oT57gPUdwgCHzhIVFPFU6OYJzHAX9m5oNrVjeE61miDrqQ4VSa1oiURTsKHC0IfjNwU2WzK6eqK8jWln4g15TVBnqmDteCJ501PGAocJhhqjZdtBEB6lnhLreFJKxmlKbeGrqLiSThVIbCdGzloasa6lpMQXHCME2boLpJgT7yWaemu6wBONbqGNVRS0PKIL7LckbjmQtR7K8I5qtqel+T/ChJTNIKLjdUMNIRyvOEko9YYl2cwQveBikCNawJKcLBbc7+JM92mysNvd/Fqp8a0k6CNEe7cnZrxlW0wQXaXjaktnRwNOGZKYiONwS7a1JVheq3WgJHlQUGKHKmp4KAxXR/ULURcNgoa4zhKSLpZR3kxRRb0NmD0OFn+UCS7CzI1nbP6+o4x47QZE5xRCt3ZagnYcvmpYQktXdk5YKXTzBC57kKEe0VVuiSYqapssMS3C9p2CKkHOg8B8Pa8p5atrIw3qezIWanMGa5HRDNF6RM9wcacl0N+Q8Z8hsIkSnaIIdHRUOEebAPy1zbCkhM062FCJtif7PU+UtoVXzWKqM1PxXO8cfdruhFQ/a6x3JKYagvVDhQEtNiyiiSQ7OsuRsZUku0CRNDs4Sog6KKjsZgk2bYJqijgsEenoKeniinRXBn/U3lgpPdyDZynQx8IiioMnCep5Ky8mjGs6Wty0l1hUQTcNWswS3WRp2kCNZwJG8omG8JphPUaFbC8lEfabwP7VtM9yoaNCAjpR41VNhrD9LkbN722v0CoZMByFzhaW+MyzRYEWFDQwN2M4/JiT76PuljT3VU/A36eaIThb+R9oZGOAJ9tewkgGvqOMNRWYjT/Cwu99Q8LqDE4TgbLWxJ1jaDDAERsFOFrobgjUsBScaguXU8kKm2RL19tRypSHnHNlHiIZqgufs4opgQdVdwxBNNFBR6kVFqb8ogimOzB6a6HTzrlDHEpYaxjiiA4TMQobkDg2vejjfwJGWmnbVFAw3H3hq2NyQfG7hz4aC+w3BbwbesG0swYayvpAs6++Ri1Vfzx93mFChvyN5xVHTS+0p9aqCAxyZ6ZacZyw5+7uuQkFPR9DDk9NOiE7X1PCYJVjVUqq7JlrHwWALF5nfHNGjApdpqgzx5OwilDhCiDYTgnc9waGW4BdLNNUQvOtpzDOWHDH8D7TR/A/85KljEQu3NREc4Pl/6B1Hhc8Umb5CsKMmGC9EPcxoT2amwHNCmeOEnOPbklnMkbOgIvO5UMOpQrS9UGVdt6iH/fURjhI/WOpaW9OKLYRod6HCUEdOX000wpDZQ6hwg6LgZfOqo1RfT/CrJzjekXOGhpc1VW71ZLbXyyp+93ILbC1kPtIEYx0FIx1VDrLoVzXRKRYWk809yYlC9ImcrinxtabKnzRJk3lAU1OLEN1j2zrYzr2myHRXJFf4h4QKT1qSTzTB5+ZNTzTRkAxX8FcLV2uS8eoQQ2aAkFzvCM72sJIcJET3WPjRk5wi32uSS9rfZajpWEvj9hW42F4o5NytSXYy8IKHay10VYdrcl4SkqscrXpMwyGOgtkajheSxdQqmpxP1L3t4R5PqasFnrQEjytq6qgp9Y09Qx9o4S1FzhUCn1kyHSzBWLemoSGvOqLNhZyBjmCaAUYpMgt4Ck7wBBMMwWKWgjsUwTaGVsxWC1mYoKiyqqeGKYqonSIRQ3KIkHO0pmAxTdBHkbOvfllfr+AA+7gnc50huVKYK393FOyg7rbPO/izI7hE4CnHHHnJ0ogNPRUGeUpsrZZTBJcrovUcJe51BPsr6GkJdhCCsZ6aTtMEb2pqWkqeVtDXE/QVggsU/Nl86d9RMF3DxvZTA58agu810RWawCiSzzXBeU3MMW9oyJUedvNEvQyNu1f10BSMddR1vaLCYpYa/mGocLSiYDcLbQz8aMn5iyF4xBNMs1P0QEOV7o5gaWGuzSeLue4tt3ro7y4Tgm4G/mopdZgl6q0o6KzJWE3mMksNr3r+a6CbT8g5wZNzT9O7fi/zpaOmnz3BRoqos+tv9zMbdpxsqDBOEewtJLt7cg5wtKKbvldpSzRRCD43VFheCI7yZLppggMVBS/KMAdHODJvOwq2NQSbKKKPLdFWQs7Fqo+mpl01JXYRgq8dnGLhTiFzqmWsUMdpllZdbKlyvSdYxhI9YghOtxR8LgSLWHK62mGGVoxzBE8LNWzqH9CUesQzFy5RQzTc56mhi6fgXEWwpKfE5Z7M05ZgZUPmo6auiv8YKzDYwWBLMErIbKHJvOwIrvEdhOBcQ9JdU1NHQ7CXn2XIDFBKU2WAgcX9UAUzDXWd5alwuyJ41Z9rjKLCL4aCp4WarhPm2rH+SaHUYE001JDZ2ZAzXPjdMpZWvC9wmqIB2lLhQ01D5jO06hghWMndbM7yRJMsoCj1vYbnFQVrW9jak3OlEJ3s/96+p33dEPRV5GxiqaGjIthUU6FFEZyqCa5qJrpBdzSw95IUnOPIrCUUjRZQFrbw5PR0R1qiYx3cb6nrWUMrBmmiBQxVHtTew5ICP/ip6g4hed/Akob/32wvBHsIOX83cI8hGeNeNPCIkPmXe8fPKx84OMSRM1MTdXSwjCZ4S30jVGhvqTRak/OVhgGazHuOCud5onEO1lJr6ecVyaOK6H7zqlBlIaHE0oroCgfvGJIdPcmfLNGLjpz7hZwZQpUbFME0A1cIJa7VNORkgfsMBatbKgwwJM9bSvQXeNOvbIjelg6WWvo5kvbKaJJNHexkKNHL9xRyFlH8Ti2riB5wVPhUk7nGkJnoCe428LR/wRGdYIlmWebCyxou1rCk4g/ShugBDX0V0ZQWkh0dOVsagkM0yV6OoLd5ye+pRlsCr0n+KiQrGuq5yJDzrTAXHtLUMduTDBVKrSm3eHL+6ijxhFDX9Z5gVU/wliHYTMiMFpKLNMEywu80wd3meoFmt6VbRMPenhrOc6DVe4pgXU8DnnHakLOIIrlF4FZPIw6R+zxBP0dyq6OOZ4Q5sLKCcz084ok+VsMMyQhNZmmBgX5xIXOEJTmi7VsGTvMTNdHHhpzdbE8Du2oKxgvBqQKdDDnTFOylCFaxR1syz2iqrOI/FEpNc3C6f11/7+ASS6l2inq2ciTrCCzgyemrCL5SVPjQkdPZUmGy2c9Sw9FtR1sS30RmsKPCS4rkIC/2U0MduwucYolGaPjKEyhzmiPYXagyWbYz8LWBDdzRimAXzxx4z8K9hpzlhLq+NiQ97HuKorMUfK/OVvC2JfiHUPCQI/q7J2gjK+tTDNxkCc4TMssqCs4TGtLVwQihyoAWgj9bosU80XGW6Ac9TJGziaUh5+hnFcHOnlaM1iRn29NaqGENTTTSUHCH2tWTeV0osUhH6psuVLjRUmGWhm6OZEshGeNowABHcJ2Bpy2ZszRcKkRXd2QuKVEeXnbfaEq825FguqfgfE2whlChSRMdron+LATTPQ2Z369t4B9C5gs/ylzv+CMmepIDPclFQl13W0rspPd1JOcbghGOEutqCv5qacURQl3dDKyvyJlqKXGPgcM9FfawJAMVmdcspcYKOZc4GjDYkFlK05olNMHyHn4zFNykyOxt99RkHlfwmiHo60l2EKI+mhreEKp080Tbug08BVPcgoqC5zWt+NLDTZ7oNSF51N1qie7Va3uCCwyZbkINf/NED6jzOsBdZjFN8oqG3wxVunqCSYYKf3EdhJyf9YWGf7tRU2oH3VHgPr1fe5J9hOgHd7xQ0y7qBwXr23aGErP0cm64JVjZwsOGqL+mhNgZmhJLW2oY4UhedsyBgzrCKrq7BmcpNVhR6jBPq64Vgi+kn6XE68pp8J5/+0wRHGOpsKenQn9DZntPzjRLZpDAdD2fnSgkG9tmIXnUwQ6WVighs7Yi2MxQ0N3CqYaCXkJ0oyOztMDJjmSSpcpvlrk0RMMOjmArQ04PRV1DO1FwhCVaUVPpKUM03JK5SxPsIWRu8/CGHi8UHChiqGFDTbSRJWeYUDDcH6vJWUxR4k1FXbMUwV6e4AJFXS8oMqsZKqzvYQ9DDQdZckY4aGsIhtlubbd2r3j4QBMoTamdPZk7O/Bf62lacZwneNjQoGcdVU7zJOd7ghsUHOkosagic6cnWc8+4gg285R6zZP5s1/LUbCKIznTwK36PkdwlOrl4U1LwfdCCa+IrvFkmgw1PCAUXKWo0sURXWcI2muKJlgyFzhynCY4RBOsqCjoI1R5zREco0n2Vt09BQtYSizgKNHfUmUrQ5UOCh51BFcLmY7umhYqXKQomOop8bUnWNNQcIiBcYaC6xzMNOS8JQQfeqKBmmglB+97ok/lfk3ygaHSyZaCRTzRxQo6GzLfa2jWBPepw+UmT7SQEJyiyRkhBLMVOfcoMjcK0eZChfUNzFAUzCsEN5vP/X1uP/n/aoMX+K+nw/Hjr/9xOo7j7Pju61tLcgvJpTWXNbfN5jLpi6VfCOviTktKlFusQixdEKWmEBUKNaIpjZRSSOXSgzaaKLdabrm1/9nZ+/f+vd/vz/v9+Xy+zZ7PRorYoZqyLrCwQdEAixxVOEXNNnjX2nUSRlkqGmWowk8lxR50JPy9Bo6qJXaXwNvREBvnThPEPrewryLhcAnj5WE15Fqi8W7R1sAuEu86S4ENikItFN4xkv9Af4nXSnUVcLiA9xzesFpivRRVeFKtsMRaKBhuSbjOELnAUtlSQUpXgdfB4Z1oSbnFEetbQ0IrAe+Y+pqnDcEJFj6S8LDZzZHwY4e3XONNlARraomNEt2bkvGsosA3ioyHm+6jCMbI59wqt4eeara28IzEmyPgoRaUOEDhTVdEJhmCoTWfC0p8aNkCp0oYqih2iqGi4yXeMkOsn4LdLLnmKfh/YogjNsPebeFGR4m9BJHLzB61XQ3BtpISfS2FugsK9FAtLWX1dCRcrCnUp44CNzuCowUZmxSRgYaE6Za0W2u/E7CVXCiI/UOR8aAm1+OSyE3mOUcwyc1zBBeoX1kiKy0Zfxck1Gsyulti11i83QTBF5Kg3pDQThFMVHiPSlK+0cSedng/VaS8bOZbtsBcTcZAR8JP5KeqQ1OYKAi20njdNNRpgnsU//K+JnaXJaGTomr7aYIphoRn9aeShJWKEq9LcozSF7QleEfDI5LYm5bgVkFkRwVDBCVu0DDIkGupo8TZBq+/pMQURYErJQmPKGKjNDkWOLx7Jd5QizdUweIaKrlP7SwJDhZvONjLkOsBBX9UpGxnydhXkfBLQ8IxgojQbLFnJf81JytSljclYYyEFyx0kVBvKWOFJmONpshGAcsduQY5giVNCV51eOdJYo/pLhbvM0uDHSevNKRcrKZIqnCtJeEsO95RoqcgGK4ocZcho1tTYtcZvH41pNQ7vA0WrhIfOSraIIntIAi+NXWCErdbkvrWwjRLrt0NKUdL6KSOscTOdMSOUtBHwL6OLA0vNSdynaWQEnCpIvKaIrJJEbvHkmuNhn6OjM8VkSGSqn1uYJCGHnq9I3aLhNME3t6GjIkO7xrNFumpyTNX/NrwX7CrIRiqqWijI9JO4d1iieykyfiposQIQ8YjjsjlBh6oHWbwRjgYJQn2NgSnNycmJAk3NiXhx44Sxykihxm8ybUwT1OVKySc7vi3OXVkdBJ4AyXBeksDXG0IhgtYY0lY5ahCD0ehborIk5aUWRJviMA7Xt5kyRjonrXENkm8yYqgs8VzgrJmClK20uMM3jRJ0FiQICQF9hdETlLQWRIb5ki6WDfWRPobvO6a4GP5mcOrNzDFELtTkONLh9dXE8xypEg7z8A9jkhrQ6Fhjlg/QVktJXxt4WXzT/03Q8IaQWSqIuEvloQ2mqC9Jfi7wRul4RX3pSPlzpoVlmCtI2jvKHCFhjcM3sN6lqF6HxnKelLjXWbwrpR4xzuCrTUZx2qq9oAh8p6ixCUGr78g8oyjRAtB5CZFwi80VerVpI0h+IeBxa6Zg6kWvpDHaioYYuEsRbDC3eOmC2JvGYLeioxGknL2UATNJN6hmtj1DlpLvDVmocYbrGCVJKOrg4X6DgddLA203BKMFngdJJFtFd7vJLm6KEpc5yjQrkk7M80SGe34X24nSex1Ra5Omgb71JKyg8SrU3i/kARKwWpH0kOGhKkObyfd0ZGjvyXlAkVZ4xRbYJ2irFMkFY1SwyWxr2oo4zlNiV+7zmaweFpT4kR3kaDAFW6xpSqzJay05FtYR4HmZhc9UxKbbfF2V8RG1MBmSaE+kmC6JnaRXK9gsiXhJHl/U0qM0WTcbyhwkYIvFGwjSbjfwhiJt8ZSQU+Bd5+marPMOkVkD0muxYLIfEuhh60x/J92itguihJSEMySVPQnTewnEm+620rTQEMsOfo4/kP/0ARvWjitlpSX7GxBgcMEsd3EEeYWvdytd+Saawi6aCIj1CkGb6Aj9rwhx16Cf3vAwFy5pyLhVonXzy51FDpdEblbkdJbUcEPDEFzQ8qNmhzzLTmmKWKbFCXeEuRabp6rxbvAtLF442QjQ+wEA9eL1xSR7Q0JXzlSHjJ4exq89yR0laScJ/FW6z4a73pFMEfDiRZvuvijIt86RaSFOl01riV2mD1UEvxGk/Geg5aWwGki1zgKPG9J2U8PEg8qYvMsZeytiTRXBMslCU8JSlxi8EabjwUldlDNLfzTUmCgxWsjqWCOHavYAqsknKFIO0yQ61VL5AVFxk6WhEaCAkdJgt9aSkzXlKNX2jEa79waYuc7gq0N3GDJGCBhoiTXUEPsdknCUE1CK0fwsiaylSF2uiDyO4XX3pFhNd7R4itFGc0k/ElBZwWvq+GC6szVeEoS/MZ+qylwpKNKv9Z469UOjqCjwlusicyTxG6VpNxcQ8IncoR4RhLbR+NdpGGmJWOcIzJGUuKPGpQg8rrG21dOMqQssJQ4RxH5jaUqnZuQ0F4Q+cjxLwPtpZbIAk3QTJHQWBE5S1BokoVtDd6lhqr9UpHSUxMcIYl9pojsb8h4SBOsMQcqvOWC2E8EVehqiJ1hrrAEbQxeK0NGZ0Gkq+guSRgniM23bIHVkqwx4hiHd7smaOyglyIyQuM978j4VS08J/A2G1KeMBRo4fBaSNhKUEZfQewVQ/C1I+MgfbEleEzCUw7mKXI0M3hd1EESVji8x5uQ41nxs1q4RMJCCXs7Iq9acpxn22oSDnQ/sJTxsCbHIYZiLyhY05TY0ZLIOQrGaSJDDN4t8pVaIrsqqFdEegtizc1iTew5Q4ayBDMUsQMkXocaYkc0hZua412siZ1rSXlR460zRJ5SlHGe5j801RLMlJTxtaOM3Q1pvxJ45zUlWFD7rsAbpfEm1JHxG0eh8w2R7QQVzBUw28FhFp5QZzq8t2rx2joqulYTWSuJdTYfWwqMFMcovFmSyJPNyLhE4E10pHzYjOC3huArRa571ZsGajQpQx38SBP5pyZB6lMU3khDnp0MBV51BE9o2E+TY5Ml2E8S7C0o6w1xvCZjf0HkVEHCzFoyNmqC+9wdcqN+Tp7jSDheE9ws8Y5V0NJCn2bk2tqSY4okdrEhx1iDN8cSudwepWmAGXKcJXK65H9to8jYQRH7SBF01ESUJdd0TayVInaWhLkOjlXE5irKGOnI6GSWGCJa482zBI9rCr0jyTVcEuzriC1vcr6mwFGSiqy5zMwxBH/TJHwjSPhL8+01kaaSUuMFKTcLEvaUePcrSmwn8DZrgikWb7CGPxkSjhQwrRk57tctmxLsb9sZvL9LSlyuSLlWkqOjwduo8b6Uv1DkmudIeFF2dHCgxVtk8dpIvHpBxhEOdhKk7OLIUSdJ+cSRY57B+0DgGUUlNfpthTfGkauzxrvTsUUaCVhlKeteTXCoJDCa2NOKhOmC4G1H8JBd4OBZReSRGkqcb/CO1PyLJTLB4j1q8JYaIutEjSLX8YKM+a6phdMsdLFUoV5RTm9JSkuDN8WcIon0NZMNZWh1q8C7SJEwV5HxrmnnTrf3KoJBlmCYI2ilSLlfEvlE4011NNgjgthzEua0oKK7JLE7HZHlEl60BLMVFewg4EWNt0ThrVNEVkkiTwpKXSWJzdRENgvKGq4IhjsiezgSFtsfCUq8qki5S1LRQeYQQ4nemmCkImWMw3tFUoUBZk4NOeZYEp4XRKTGa6wJjrWNHBVJR4m3FCnbuD6aak2WsMTh3SZImGCIPKNgsDpVwnsa70K31lCFJZYcwwSMFcQulGTsZuEaSdBXkPGZhu0FsdUO73RHjq8MPGGIfaGIbVTk6iuI3GFgucHrIQkmWSJdBd7BBu+uOryWAhY7+Lki9rK5wtEQzWwvtbqGhIMFwWRJsElsY4m9IIg9L6lCX0VklaPAYkfkZEGDnOWowlBJjtMUkcGK4Lg6EtoZInMUBVYLgn0UsdmCyCz7gIGHFfk+k1QwTh5We7A9x+IdJ6CvIkEagms0hR50eH9UnTQJ+2oiKyVlLFUE+8gBGu8MQ3CppUHesnjTHN4QB/UGPhCTHLFPHMFrCqa73gqObUJGa03wgbhHkrCfpEpzNLE7JDS25FMKhlhKKWKfCgqstLCPu1zBXy0J2ztwjtixBu8UTRn9LVtkmCN2iyFhtME70JHRQ1KVZXqKI/KNIKYMCYs1GUMEKbM1bKOI9LDXC7zbHS+bt+1MTWS9odA9DtrYtpbImQJ2VHh/lisEwaHqUk1kjKTAKknkBEXkbkdMGwq0dnhzLJF3NJH3JVwrqOB4Sca2hti75nmJN0WzxS6UxDYoEpxpa4htVlRjkYE7DZGzJVU72uC9IyhQL4i8YfGWSYLLNcHXloyz7QhNifmKSE9JgfGmuyLhc403Xm9vqcp6gXe3xuuv8F6VJNxkyTHEkHG2g0aKXL0MsXc1bGfgas2//dCONXiNLCX+5mB7eZIl1kHh7ajwpikyzlUUWOVOsjSQlsS+M0R+pPje/dzBXRZGO0rMtgQrLLG9VSu9n6CMXS3BhwYmSoIBhsjNBmZbgusE9BCPCP5triU4VhNbJfE+swSP27aayE8tuTpYYjtrYjMVGZdp2NpS1s6aBnKSHDsbKuplKbHM4a0wMFd/5/DmGyKrJSUaW4IBrqUhx0vyfzTBBLPIUcnZdrAkNsKR0sWRspumSns6Ch0v/qqIbBYUWKvPU/CFoyrDJGwSNFhbA/MlzKqjrO80hRbpKx0Jewsi/STftwGSlKc1JZyAzx05dhLEdnfQvhZOqiHWWEAHC7+30FuRcZUgaO5gpaIK+xsiHRUsqaPElTV40xQZQ107Q9BZE1nryDVGU9ZSQ47bmhBpLcYpUt7S+xuK/FiT8qKjwXYw5ypS2iuCv7q1gtgjhuBuB8LCFY5cUuCNtsQOFcT+4Ih9JX+k8Ea6v0iCIRZOtCT0Et00JW5UeC85Cg0ScK0k411HcG1zKtre3SeITBRk7WfwDhEvaYLTHP9le0m8By0JDwn4TlLW/aJOvGHxdjYUes+ScZigCkYQdNdEOhkiezgShqkx8ueKjI8lDfK2oNiOFvrZH1hS+tk7NV7nOmLHicGWEgubkXKdwdtZknCLJXaCpkrjZBtLZFsDP9CdxWsSr05Sxl6CMmoFbCOgryX40uDtamB7SVmXW4Ihlgpmq+00tBKUUa83WbjLUNkzDmY7cow1JDygyPGlhgGKYKz4vcV7QBNbJIgM11TUqZaMdwTeSguH6rOaw1JRKzaaGyxVm2EJ/uCIrVWUcZUkcp2grMsEjK+DMwS59jQk3Kd6SEq1d0S6uVmO4Bc1lDXTUcHjluCXEq+1OlBDj1pi9zgiXxnKuE0SqTXwhqbETW6RggMEnGl/q49UT2iCzgJvRwVXS2K/d6+ZkyUl7jawSVLit46EwxVljDZwoSQ20sDBihztHfk2yA8NVZghiXwrYHQdfKAOtzsayjhY9bY0yE2CWEeJ9xfzO423xhL5syS2TFJofO2pboHob0nY4GiAgRrvGQEDa/FWSsoaaYl0syRsEt3kWoH3B01shCXhTUWe9w3Bt44SC9QCh3eShQctwbaK2ApLroGCMlZrYqvlY3qYhM0aXpFkPOuoqJ3Dm6fxXrGwVF9gCWZagjPqznfkuMKQ8DPTQRO8ZqG1hPGKEm9IgpGW4DZDgTNriTxvFiq+Lz+0cKfp4wj6OCK9JSnzNSn9LFU7UhKZZMnYwcJ8s8yRsECScK4j5UOB95HFO0CzhY4xJxuCix0lDlEUeMdS6EZBkTsUkZ4K74dugyTXS7aNgL8aqjDfkCE0ZbwkCXpaWCKhl8P7VD5jxykivSyxyZrYERbe168LYu9ZYh86IkscgVLE7tWPKmJv11CgoyJltMEbrohtVAQfO4ImltiHEroYEs7RxAarVpY8AwXMcMReFOTYWe5iiLRQxJ5Q8DtJ8LQhWOhIeFESPGsILhbNDRljNbHzNRlTFbk2S3L0NOS6V1KFJYKUbSTcIIhM0wQ/s2TM0SRMNcQmSap3jCH4yhJZKSkwyRHpYYgsFeQ4U7xoCB7VVOExhXepo9ABBsYbvGWKXPME3lyH95YioZ0gssQRWWbI+FaSMkXijZXwgiTlYdPdkNLaETxlyDVIwqeaEus0aTcYcg0RVOkpR3CSJqIddK+90JCxzsDVloyrFd5ZAr4TBKfaWa6boEA7C7s6EpYaeFPjveooY72mjIccLHJ9HUwVlDhKkmutJDJBwnp1rvulJZggKDRfbXAkvC/4l3ozQOG9a8lxjx0i7nV4jSXc7vhe3OwIxjgSHjdEhhsif9YkPGlus3iLFDnWOFhtCZbJg0UbQcIaR67JjthoCyMEZRwhiXWyxO5QxI6w5NhT4U1WsJvDO60J34fW9hwzwlKij6ZAW9ne4L0s8C6XeBMEkd/LQy1VucBRot6QMlbivaBhoBgjqGiCJNhsqVp/S2SsG6DIONCR0dXhvWbJ+MRRZJkkuEjgDXJjFQW6SSL7GXK8Z2CZg7cVsbWGoKmEpzQ5elpiy8Ryg7dMkLLUEauzeO86CuwlSOlgYLojZWeJ9xM3S1PWfEfKl5ISLQ0MEKR8YOB2QfCxJBjrKPCN4f9MkaSsqoVXJBmP7EpFZ9UQfOoOFwSzBN4MQ8LsGrymlipcJQhmy0GaQjPqCHaXRwuCZwRbqK2Fg9wlClZqYicrIgMdZfxTQ0c7TBIbrChxmuzoKG8XRaSrIhhiyNFJkrC7oIAWMEOQa5aBekPCRknCo4IKPrYkvCDI8aYmY7WFtprgekcJZ3oLIqssCSMtFbQTJKwXYy3BY5oCh2iKPCpJOE+zRdpYgi6O2KmOAgvVCYaU4ySRek1sgyFhJ403QFHiVEmJHwtybO1gs8Hr5+BETQX3War0qZngYGgtVZtoqd6vFSk/UwdZElYqyjrF4HXUeFspIi9IGKf4j92pKGAdCYMVsbcV3kRF0N+R8LUd5PCsIGWoxDtBkCI0nKofdJQxT+LtZflvuc8Q3CjwWkq8KwUpHzkK/NmSsclCL0nseQdj5FRH5CNHSgtLiW80Of5HU9Hhlsga9bnBq3fEVltKfO5IaSTmGjjc4J0otcP7QsJUSQM8pEj5/wCuUuC2DWz8AAAAAElFTkSuQmCC"); } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/ayu-dark.css ***! \************************************************************************************************************************************************************************************************************************************/ /* Based on https://github.com/dempfi/ayu */ .cm-s-ayu-dark.CodeMirror { background: #0a0e14; color: #b3b1ad; } .cm-s-ayu-dark div.CodeMirror-selected { background: #273747; } .cm-s-ayu-dark .CodeMirror-line::selection, .cm-s-ayu-dark .CodeMirror-line > span::selection, .cm-s-ayu-dark .CodeMirror-line > span > span::selection { background: rgba(39, 55, 71, 99); } .cm-s-ayu-dark .CodeMirror-line::-moz-selection, .cm-s-ayu-dark .CodeMirror-line > span::-moz-selection, .cm-s-ayu-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(39, 55, 71, 99); } .cm-s-ayu-dark .CodeMirror-gutters { background: #0a0e14; border-right: 0px; } .cm-s-ayu-dark .CodeMirror-guttermarker { color: white; } .cm-s-ayu-dark .CodeMirror-guttermarker-subtle { color: #3d424d; } .cm-s-ayu-dark .CodeMirror-linenumber { color: #3d424d; } .cm-s-ayu-dark .CodeMirror-cursor { border-left: 1px solid #e6b450; } .cm-s-ayu-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important; } .cm-s-ayu-dark .cm-animate-fat-cursor { background-color: #a2a8a175 !important; } .cm-s-ayu-dark span.cm-comment { color: #626a73; } .cm-s-ayu-dark span.cm-atom { color: #ae81ff; } .cm-s-ayu-dark span.cm-number { color: #e6b450; } .cm-s-ayu-dark span.cm-comment.cm-attribute { color: #ffb454; } .cm-s-ayu-dark span.cm-comment.cm-def { color: rgba(57, 186, 230, 80); } .cm-s-ayu-dark span.cm-comment.cm-tag { color: #39bae6; } .cm-s-ayu-dark span.cm-comment.cm-type { color: #5998a6; } .cm-s-ayu-dark span.cm-property, .cm-s-ayu-dark span.cm-attribute { color: #ffb454; } .cm-s-ayu-dark span.cm-keyword { color: #ff8f40; } .cm-s-ayu-dark span.cm-builtin { color: #e6b450; } .cm-s-ayu-dark span.cm-string { color: #c2d94c; } .cm-s-ayu-dark span.cm-variable { color: #b3b1ad; } .cm-s-ayu-dark span.cm-variable-2 { color: #f07178; } .cm-s-ayu-dark span.cm-variable-3 { color: #39bae6; } .cm-s-ayu-dark span.cm-type { color: #ff8f40; } .cm-s-ayu-dark span.cm-def { color: #ffee99; } .cm-s-ayu-dark span.cm-bracket { color: #f8f8f2; } .cm-s-ayu-dark span.cm-tag { color: rgba(57, 186, 230, 80); } .cm-s-ayu-dark span.cm-header { color: #c2d94c; } .cm-s-ayu-dark span.cm-link { color: #39bae6; } .cm-s-ayu-dark span.cm-error { color: #ff3333; } .cm-s-ayu-dark .CodeMirror-activeline-background { background: #01060e; } .cm-s-ayu-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/ayu-mirage.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* Based on https://github.com/dempfi/ayu */ .cm-s-ayu-mirage.CodeMirror { background: #1f2430; color: #cbccc6; } .cm-s-ayu-mirage div.CodeMirror-selected { background: #34455a; } .cm-s-ayu-mirage .CodeMirror-line::selection, .cm-s-ayu-mirage .CodeMirror-line > span::selection, .cm-s-ayu-mirage .CodeMirror-line > span > span::selection { background: #34455a; } .cm-s-ayu-mirage .CodeMirror-line::-moz-selection, .cm-s-ayu-mirage .CodeMirror-line > span::-moz-selection, .cm-s-ayu-mirage .CodeMirror-line > span > span::-moz-selection { background: rgba(25, 30, 42, 99); } .cm-s-ayu-mirage .CodeMirror-gutters { background: #1f2430; border-right: 0px; } .cm-s-ayu-mirage .CodeMirror-guttermarker { color: white; } .cm-s-ayu-mirage .CodeMirror-guttermarker-subtle { color: rgba(112, 122, 140, 66); } .cm-s-ayu-mirage .CodeMirror-linenumber { color: rgba(61, 66, 77, 99); } .cm-s-ayu-mirage .CodeMirror-cursor { border-left: 1px solid #ffcc66; } .cm-s-ayu-mirage.cm-fat-cursor .CodeMirror-cursor {background-color: #a2a8a175 !important;} .cm-s-ayu-mirage .cm-animate-fat-cursor { background-color: #a2a8a175 !important; } .cm-s-ayu-mirage span.cm-comment { color: #5c6773; font-style:italic; } .cm-s-ayu-mirage span.cm-atom { color: #ae81ff; } .cm-s-ayu-mirage span.cm-number { color: #ffcc66; } .cm-s-ayu-mirage span.cm-comment.cm-attribute { color: #ffd580; } .cm-s-ayu-mirage span.cm-comment.cm-def { color: #d4bfff; } .cm-s-ayu-mirage span.cm-comment.cm-tag { color: #5ccfe6; } .cm-s-ayu-mirage span.cm-comment.cm-type { color: #5998a6; } .cm-s-ayu-mirage span.cm-property { color: #f29e74; } .cm-s-ayu-mirage span.cm-attribute { color: #ffd580; } .cm-s-ayu-mirage span.cm-keyword { color: #ffa759; } .cm-s-ayu-mirage span.cm-builtin { color: #ffcc66; } .cm-s-ayu-mirage span.cm-string { color: #bae67e; } .cm-s-ayu-mirage span.cm-variable { color: #cbccc6; } .cm-s-ayu-mirage span.cm-variable-2 { color: #f28779; } .cm-s-ayu-mirage span.cm-variable-3 { color: #5ccfe6; } .cm-s-ayu-mirage span.cm-type { color: #ffa759; } .cm-s-ayu-mirage span.cm-def { color: #ffd580; } .cm-s-ayu-mirage span.cm-bracket { color: rgba(92, 207, 230, 80); } .cm-s-ayu-mirage span.cm-tag { color: #5ccfe6; } .cm-s-ayu-mirage span.cm-header { color: #bae67e; } .cm-s-ayu-mirage span.cm-link { color: #5ccfe6; } .cm-s-ayu-mirage span.cm-error { color: #ff3333; } .cm-s-ayu-mirage .CodeMirror-activeline-background { background: #191e2a; } .cm-s-ayu-mirage .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/base16-dark.css ***! \***************************************************************************************************************************************************************************************************************************************/ /* Name: Base16 Default Dark Author: Chris Kempson (http://chriskempson.com) CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-base16-dark.CodeMirror { background: #151515; color: #e0e0e0; } .cm-s-base16-dark div.CodeMirror-selected { background: #303030; } .cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); } .cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); } .cm-s-base16-dark .CodeMirror-gutters { background: #151515; border-right: 0px; } .cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; } .cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; } .cm-s-base16-dark .CodeMirror-linenumber { color: #505050; } .cm-s-base16-dark .CodeMirror-cursor { border-left: 1px solid #b0b0b0; } .cm-s-base16-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #8e8d8875 !important; } .cm-s-base16-dark .cm-animate-fat-cursor { background-color: #8e8d8875 !important; } .cm-s-base16-dark span.cm-comment { color: #8f5536; } .cm-s-base16-dark span.cm-atom { color: #aa759f; } .cm-s-base16-dark span.cm-number { color: #aa759f; } .cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute { color: #90a959; } .cm-s-base16-dark span.cm-keyword { color: #ac4142; } .cm-s-base16-dark span.cm-string { color: #f4bf75; } .cm-s-base16-dark span.cm-variable { color: #90a959; } .cm-s-base16-dark span.cm-variable-2 { color: #6a9fb5; } .cm-s-base16-dark span.cm-def { color: #d28445; } .cm-s-base16-dark span.cm-bracket { color: #e0e0e0; } .cm-s-base16-dark span.cm-tag { color: #ac4142; } .cm-s-base16-dark span.cm-link { color: #aa759f; } .cm-s-base16-dark span.cm-error { background: #ac4142; color: #b0b0b0; } .cm-s-base16-dark .CodeMirror-activeline-background { background: #202020; } .cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/base16-light.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* Name: Base16 Default Light Author: Chris Kempson (http://chriskempson.com) CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-base16-light.CodeMirror { background: #f5f5f5; color: #202020; } .cm-s-base16-light div.CodeMirror-selected { background: #e0e0e0; } .cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection { background: #e0e0e0; } .cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line > span::-moz-selection, .cm-s-base16-light .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; } .cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 0px; } .cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; } .cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; } .cm-s-base16-light .CodeMirror-linenumber { color: #b0b0b0; } .cm-s-base16-light .CodeMirror-cursor { border-left: 1px solid #505050; } .cm-s-base16-light span.cm-comment { color: #8f5536; } .cm-s-base16-light span.cm-atom { color: #aa759f; } .cm-s-base16-light span.cm-number { color: #aa759f; } .cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute { color: #90a959; } .cm-s-base16-light span.cm-keyword { color: #ac4142; } .cm-s-base16-light span.cm-string { color: #f4bf75; } .cm-s-base16-light span.cm-variable { color: #90a959; } .cm-s-base16-light span.cm-variable-2 { color: #6a9fb5; } .cm-s-base16-light span.cm-def { color: #d28445; } .cm-s-base16-light span.cm-bracket { color: #202020; } .cm-s-base16-light span.cm-tag { color: #ac4142; } .cm-s-base16-light span.cm-link { color: #aa759f; } .cm-s-base16-light span.cm-error { background: #ac4142; color: #505050; } .cm-s-base16-light .CodeMirror-activeline-background { background: #DDDCDC; } .cm-s-base16-light .CodeMirror-matchingbracket { color: #f5f5f5 !important; background-color: #6A9FB5 !important} /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/bespin.css ***! \**********************************************************************************************************************************************************************************************************************************/ /* Name: Bespin Author: Mozilla / Jan T. Sott CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-bespin.CodeMirror {background: #28211c; color: #9d9b97;} .cm-s-bespin div.CodeMirror-selected {background: #59554f !important;} .cm-s-bespin .CodeMirror-gutters {background: #28211c; border-right: 0px;} .cm-s-bespin .CodeMirror-linenumber {color: #666666;} .cm-s-bespin .CodeMirror-cursor {border-left: 1px solid #797977 !important;} .cm-s-bespin span.cm-comment {color: #937121;} .cm-s-bespin span.cm-atom {color: #9b859d;} .cm-s-bespin span.cm-number {color: #9b859d;} .cm-s-bespin span.cm-property, .cm-s-bespin span.cm-attribute {color: #54be0d;} .cm-s-bespin span.cm-keyword {color: #cf6a4c;} .cm-s-bespin span.cm-string {color: #f9ee98;} .cm-s-bespin span.cm-variable {color: #54be0d;} .cm-s-bespin span.cm-variable-2 {color: #5ea6ea;} .cm-s-bespin span.cm-def {color: #cf7d34;} .cm-s-bespin span.cm-error {background: #cf6a4c; color: #797977;} .cm-s-bespin span.cm-bracket {color: #9d9b97;} .cm-s-bespin span.cm-tag {color: #cf6a4c;} .cm-s-bespin span.cm-link {color: #9b859d;} .cm-s-bespin .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;} .cm-s-bespin .CodeMirror-activeline-background { background: #404040; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/blackboard.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* Port of TextMate's Blackboard theme */ .cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; } .cm-s-blackboard div.CodeMirror-selected { background: #253B76; } .cm-s-blackboard .CodeMirror-line::selection, .cm-s-blackboard .CodeMirror-line > span::selection, .cm-s-blackboard .CodeMirror-line > span > span::selection { background: rgba(37, 59, 118, .99); } .cm-s-blackboard .CodeMirror-line::-moz-selection, .cm-s-blackboard .CodeMirror-line > span::-moz-selection, .cm-s-blackboard .CodeMirror-line > span > span::-moz-selection { background: rgba(37, 59, 118, .99); } .cm-s-blackboard .CodeMirror-gutters { background: #0C1021; border-right: 0; } .cm-s-blackboard .CodeMirror-guttermarker { color: #FBDE2D; } .cm-s-blackboard .CodeMirror-guttermarker-subtle { color: #888; } .cm-s-blackboard .CodeMirror-linenumber { color: #888; } .cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7; } .cm-s-blackboard .cm-keyword { color: #FBDE2D; } .cm-s-blackboard .cm-atom { color: #D8FA3C; } .cm-s-blackboard .cm-number { color: #D8FA3C; } .cm-s-blackboard .cm-def { color: #8DA6CE; } .cm-s-blackboard .cm-variable { color: #FF6400; } .cm-s-blackboard .cm-operator { color: #FBDE2D; } .cm-s-blackboard .cm-comment { color: #AEAEAE; } .cm-s-blackboard .cm-string { color: #61CE3C; } .cm-s-blackboard .cm-string-2 { color: #61CE3C; } .cm-s-blackboard .cm-meta { color: #D8FA3C; } .cm-s-blackboard .cm-builtin { color: #8DA6CE; } .cm-s-blackboard .cm-tag { color: #8DA6CE; } .cm-s-blackboard .cm-attribute { color: #8DA6CE; } .cm-s-blackboard .cm-header { color: #FF6400; } .cm-s-blackboard .cm-hr { color: #AEAEAE; } .cm-s-blackboard .cm-link { color: #8DA6CE; } .cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; } .cm-s-blackboard .CodeMirror-activeline-background { background: #3C3636; } .cm-s-blackboard .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/cobalt.css ***! \**********************************************************************************************************************************************************************************************************************************/ .cm-s-cobalt.CodeMirror { background: #002240; color: white; } .cm-s-cobalt div.CodeMirror-selected { background: #b36539; } .cm-s-cobalt .CodeMirror-line::selection, .cm-s-cobalt .CodeMirror-line > span::selection, .cm-s-cobalt .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); } .cm-s-cobalt .CodeMirror-line::-moz-selection, .cm-s-cobalt .CodeMirror-line > span::-moz-selection, .cm-s-cobalt .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); } .cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; } .cm-s-cobalt .CodeMirror-guttermarker { color: #ffee80; } .cm-s-cobalt .CodeMirror-guttermarker-subtle { color: #d0d0d0; } .cm-s-cobalt .CodeMirror-linenumber { color: #d0d0d0; } .cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-cobalt span.cm-comment { color: #08f; } .cm-s-cobalt span.cm-atom { color: #845dc4; } .cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; } .cm-s-cobalt span.cm-keyword { color: #ffee80; } .cm-s-cobalt span.cm-string { color: #3ad900; } .cm-s-cobalt span.cm-meta { color: #ff9d00; } .cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; } .cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def, .cm-s-cobalt .cm-type { color: white; } .cm-s-cobalt span.cm-bracket { color: #d8d8d8; } .cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; } .cm-s-cobalt span.cm-link { color: #845dc4; } .cm-s-cobalt span.cm-error { color: #9d1e15; } .cm-s-cobalt .CodeMirror-activeline-background { background: #002D57; } .cm-s-cobalt .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/colorforth.css ***! \**************************************************************************************************************************************************************************************************************************************/ .cm-s-colorforth.CodeMirror { background: #000000; color: #f8f8f8; } .cm-s-colorforth .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; } .cm-s-colorforth .CodeMirror-guttermarker { color: #FFBD40; } .cm-s-colorforth .CodeMirror-guttermarker-subtle { color: #78846f; } .cm-s-colorforth .CodeMirror-linenumber { color: #bababa; } .cm-s-colorforth .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-colorforth span.cm-comment { color: #ededed; } .cm-s-colorforth span.cm-def { color: #ff1c1c; font-weight:bold; } .cm-s-colorforth span.cm-keyword { color: #ffd900; } .cm-s-colorforth span.cm-builtin { color: #00d95a; } .cm-s-colorforth span.cm-variable { color: #73ff00; } .cm-s-colorforth span.cm-string { color: #007bff; } .cm-s-colorforth span.cm-number { color: #00c4ff; } .cm-s-colorforth span.cm-atom { color: #606060; } .cm-s-colorforth span.cm-variable-2 { color: #EEE; } .cm-s-colorforth span.cm-variable-3, .cm-s-colorforth span.cm-type { color: #DDD; } .cm-s-colorforth span.cm-property {} .cm-s-colorforth span.cm-operator {} .cm-s-colorforth span.cm-meta { color: yellow; } .cm-s-colorforth span.cm-qualifier { color: #FFF700; } .cm-s-colorforth span.cm-bracket { color: #cc7; } .cm-s-colorforth span.cm-tag { color: #FFBD40; } .cm-s-colorforth span.cm-attribute { color: #FFF700; } .cm-s-colorforth span.cm-error { color: #f00; } .cm-s-colorforth div.CodeMirror-selected { background: #333d53; } .cm-s-colorforth span.cm-compilation { background: rgba(255, 255, 255, 0.12); } .cm-s-colorforth .CodeMirror-activeline-background { background: #253540; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/darcula.css ***! \***********************************************************************************************************************************************************************************************************************************/ /** Name: IntelliJ IDEA darcula theme From IntelliJ IDEA by JetBrains */ .cm-s-darcula { font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;} .cm-s-darcula.CodeMirror { background: #2B2B2B; color: #A9B7C6; } .cm-s-darcula span.cm-meta { color: #BBB529; } .cm-s-darcula span.cm-number { color: #6897BB; } .cm-s-darcula span.cm-keyword { color: #CC7832; line-height: 1em; font-weight: bold; } .cm-s-darcula span.cm-def { color: #A9B7C6; font-style: italic; } .cm-s-darcula span.cm-variable { color: #A9B7C6; } .cm-s-darcula span.cm-variable-2 { color: #A9B7C6; } .cm-s-darcula span.cm-variable-3 { color: #9876AA; } .cm-s-darcula span.cm-type { color: #AABBCC; font-weight: bold; } .cm-s-darcula span.cm-property { color: #FFC66D; } .cm-s-darcula span.cm-operator { color: #A9B7C6; } .cm-s-darcula span.cm-string { color: #6A8759; } .cm-s-darcula span.cm-string-2 { color: #6A8759; } .cm-s-darcula span.cm-comment { color: #61A151; font-style: italic; } .cm-s-darcula span.cm-link { color: #CC7832; } .cm-s-darcula span.cm-atom { color: #CC7832; } .cm-s-darcula span.cm-error { color: #BC3F3C; } .cm-s-darcula span.cm-tag { color: #629755; font-weight: bold; font-style: italic; text-decoration: underline; } .cm-s-darcula span.cm-attribute { color: #6897bb; } .cm-s-darcula span.cm-qualifier { color: #6A8759; } .cm-s-darcula span.cm-bracket { color: #A9B7C6; } .cm-s-darcula span.cm-builtin { color: #FF9E59; } .cm-s-darcula span.cm-special { color: #FF9E59; } .cm-s-darcula span.cm-matchhighlight { color: #FFFFFF; background-color: rgba(50, 89, 48, .7); font-weight: normal;} .cm-s-darcula span.cm-searching { color: #FFFFFF; background-color: rgba(61, 115, 59, .7); font-weight: normal;} .cm-s-darcula .CodeMirror-cursor { border-left: 1px solid #A9B7C6; } .cm-s-darcula .CodeMirror-activeline-background { background: #323232; } .cm-s-darcula .CodeMirror-gutters { background: #313335; border-right: 1px solid #313335; } .cm-s-darcula .CodeMirror-guttermarker { color: #FFEE80; } .cm-s-darcula .CodeMirror-guttermarker-subtle { color: #D0D0D0; } .cm-s-darcula .CodeMirrir-linenumber { color: #606366; } .cm-s-darcula .CodeMirror-matchingbracket { background-color: #3B514D; color: #FFEF28 !important; font-weight: bold; } .cm-s-darcula div.CodeMirror-selected { background: #214283; } .CodeMirror-hints.darcula { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: #9C9E9E; background-color: #3B3E3F !important; } .CodeMirror-hints.darcula .CodeMirror-hint-active { background-color: #494D4E !important; color: #9C9E9E !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/dracula.css ***! \***********************************************************************************************************************************************************************************************************************************/ /* Name: dracula Author: Michael Kaminsky (http://github.com/mkaminsky11) Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme) */ .cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters { background-color: #282a36 !important; color: #f8f8f2 !important; border: none; } .cm-s-dracula .CodeMirror-gutters { color: #282a36; } .cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; } .cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; } .cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); } .cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); } .cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); } .cm-s-dracula span.cm-comment { color: #6272a4; } .cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; } .cm-s-dracula span.cm-number { color: #bd93f9; } .cm-s-dracula span.cm-variable { color: #50fa7b; } .cm-s-dracula span.cm-variable-2 { color: white; } .cm-s-dracula span.cm-def { color: #50fa7b; } .cm-s-dracula span.cm-operator { color: #ff79c6; } .cm-s-dracula span.cm-keyword { color: #ff79c6; } .cm-s-dracula span.cm-atom { color: #bd93f9; } .cm-s-dracula span.cm-meta { color: #f8f8f2; } .cm-s-dracula span.cm-tag { color: #ff79c6; } .cm-s-dracula span.cm-attribute { color: #50fa7b; } .cm-s-dracula span.cm-qualifier { color: #50fa7b; } .cm-s-dracula span.cm-property { color: #66d9ef; } .cm-s-dracula span.cm-builtin { color: #50fa7b; } .cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type { color: #ffb86c; } .cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); } .cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/duotone-dark.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* Name: DuoTone-Dark Author: by Bram de Haan, adapted from DuoTone themes by Simurai (http://simurai.com/projects/2016/01/01/duotone-themes) CodeMirror template by Jan T. Sott (https://github.com/idleberg), adapted by Bram de Haan (https://github.com/atelierbram/) */ .cm-s-duotone-dark.CodeMirror { background: #2a2734; color: #6c6783; } .cm-s-duotone-dark div.CodeMirror-selected { background: #545167!important; } .cm-s-duotone-dark .CodeMirror-gutters { background: #2a2734; border-right: 0px; } .cm-s-duotone-dark .CodeMirror-linenumber { color: #545167; } /* begin cursor */ .cm-s-duotone-dark .CodeMirror-cursor { border-left: 1px solid #ffad5c; /* border-left: 1px solid #ffad5c80; */ border-right: .5em solid #ffad5c; /* border-right: .5em solid #ffad5c80; */ opacity: .5; } .cm-s-duotone-dark .CodeMirror-activeline-background { background: #363342; /* background: #36334280; */ opacity: .5;} .cm-s-duotone-dark .cm-fat-cursor .CodeMirror-cursor { background: #ffad5c; /* background: #ffad5c80; */ opacity: .5;} /* end cursor */ .cm-s-duotone-dark span.cm-atom, .cm-s-duotone-dark span.cm-number, .cm-s-duotone-dark span.cm-keyword, .cm-s-duotone-dark span.cm-variable, .cm-s-duotone-dark span.cm-attribute, .cm-s-duotone-dark span.cm-quote, .cm-s-duotone-dark span.cm-hr, .cm-s-duotone-dark span.cm-link { color: #ffcc99; } .cm-s-duotone-dark span.cm-property { color: #9a86fd; } .cm-s-duotone-dark span.cm-punctuation, .cm-s-duotone-dark span.cm-unit, .cm-s-duotone-dark span.cm-negative { color: #e09142; } .cm-s-duotone-dark span.cm-string { color: #ffb870; } .cm-s-duotone-dark span.cm-operator { color: #ffad5c; } .cm-s-duotone-dark span.cm-positive { color: #6a51e6; } .cm-s-duotone-dark span.cm-variable-2, .cm-s-duotone-dark span.cm-variable-3, .cm-s-duotone-dark span.cm-type, .cm-s-duotone-dark span.cm-string-2, .cm-s-duotone-dark span.cm-url { color: #7a63ee; } .cm-s-duotone-dark span.cm-def, .cm-s-duotone-dark span.cm-tag, .cm-s-duotone-dark span.cm-builtin, .cm-s-duotone-dark span.cm-qualifier, .cm-s-duotone-dark span.cm-header, .cm-s-duotone-dark span.cm-em { color: #eeebff; } .cm-s-duotone-dark span.cm-bracket, .cm-s-duotone-dark span.cm-comment { color: #a7a5b2; } /* using #f00 red for errors, don't think any of the colorscheme variables will stand out enough, ... maybe by giving it a background-color ... */ .cm-s-duotone-dark span.cm-error, .cm-s-duotone-dark span.cm-invalidchar { color: #f00; } .cm-s-duotone-dark span.cm-header { font-weight: normal; } .cm-s-duotone-dark .CodeMirror-matchingbracket { text-decoration: underline; color: #eeebff !important; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/duotone-light.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* Name: DuoTone-Light Author: by Bram de Haan, adapted from DuoTone themes by Simurai (http://simurai.com/projects/2016/01/01/duotone-themes) CodeMirror template by Jan T. Sott (https://github.com/idleberg), adapted by Bram de Haan (https://github.com/atelierbram/) */ .cm-s-duotone-light.CodeMirror { background: #faf8f5; color: #b29762; } .cm-s-duotone-light div.CodeMirror-selected { background: #e3dcce !important; } .cm-s-duotone-light .CodeMirror-gutters { background: #faf8f5; border-right: 0px; } .cm-s-duotone-light .CodeMirror-linenumber { color: #cdc4b1; } /* begin cursor */ .cm-s-duotone-light .CodeMirror-cursor { border-left: 1px solid #93abdc; /* border-left: 1px solid #93abdc80; */ border-right: .5em solid #93abdc; /* border-right: .5em solid #93abdc80; */ opacity: .5; } .cm-s-duotone-light .CodeMirror-activeline-background { background: #e3dcce; /* background: #e3dcce80; */ opacity: .5; } .cm-s-duotone-light .cm-fat-cursor .CodeMirror-cursor { background: #93abdc; /* #93abdc80; */ opacity: .5; } /* end cursor */ .cm-s-duotone-light span.cm-atom, .cm-s-duotone-light span.cm-number, .cm-s-duotone-light span.cm-keyword, .cm-s-duotone-light span.cm-variable, .cm-s-duotone-light span.cm-attribute, .cm-s-duotone-light span.cm-quote, .cm-s-duotone-light-light span.cm-hr, .cm-s-duotone-light-light span.cm-link { color: #063289; } .cm-s-duotone-light span.cm-property { color: #b29762; } .cm-s-duotone-light span.cm-punctuation, .cm-s-duotone-light span.cm-unit, .cm-s-duotone-light span.cm-negative { color: #063289; } .cm-s-duotone-light span.cm-string, .cm-s-duotone-light span.cm-operator { color: #1659df; } .cm-s-duotone-light span.cm-positive { color: #896724; } .cm-s-duotone-light span.cm-variable-2, .cm-s-duotone-light span.cm-variable-3, .cm-s-duotone-light span.cm-type, .cm-s-duotone-light span.cm-string-2, .cm-s-duotone-light span.cm-url { color: #896724; } .cm-s-duotone-light span.cm-def, .cm-s-duotone-light span.cm-tag, .cm-s-duotone-light span.cm-builtin, .cm-s-duotone-light span.cm-qualifier, .cm-s-duotone-light span.cm-header, .cm-s-duotone-light span.cm-em { color: #2d2006; } .cm-s-duotone-light span.cm-bracket, .cm-s-duotone-light span.cm-comment { color: #6f6e6a; } /* using #f00 red for errors, don't think any of the colorscheme variables will stand out enough, ... maybe by giving it a background-color ... */ /* .cm-s-duotone-light span.cm-error { background: #896724; color: #728fcb; } */ .cm-s-duotone-light span.cm-error, .cm-s-duotone-light span.cm-invalidchar { color: #f00; } .cm-s-duotone-light span.cm-header { font-weight: normal; } .cm-s-duotone-light .CodeMirror-matchingbracket { text-decoration: underline; color: #faf8f5 !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/eclipse.css ***! \***********************************************************************************************************************************************************************************************************************************/ .cm-s-eclipse span.cm-meta { color: #FF1717; } .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; } .cm-s-eclipse span.cm-atom { color: #219; } .cm-s-eclipse span.cm-number { color: #164; } .cm-s-eclipse span.cm-def { color: #00f; } .cm-s-eclipse span.cm-variable { color: black; } .cm-s-eclipse span.cm-variable-2 { color: #0000C0; } .cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; } .cm-s-eclipse span.cm-property { color: black; } .cm-s-eclipse span.cm-operator { color: black; } .cm-s-eclipse span.cm-comment { color: #3F7F5F; } .cm-s-eclipse span.cm-string { color: #2A00FF; } .cm-s-eclipse span.cm-string-2 { color: #f50; } .cm-s-eclipse span.cm-qualifier { color: #555; } .cm-s-eclipse span.cm-builtin { color: #30a; } .cm-s-eclipse span.cm-bracket { color: #cc7; } .cm-s-eclipse span.cm-tag { color: #170; } .cm-s-eclipse span.cm-attribute { color: #00c; } .cm-s-eclipse span.cm-link { color: #219; } .cm-s-eclipse span.cm-error { color: #f00; } .cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/elegant.css ***! \***********************************************************************************************************************************************************************************************************************************/ .cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom { color: #762; } .cm-s-elegant span.cm-comment { color: #262; font-style: italic; line-height: 1em; } .cm-s-elegant span.cm-meta { color: #555; font-style: italic; line-height: 1em; } .cm-s-elegant span.cm-variable { color: black; } .cm-s-elegant span.cm-variable-2 { color: #b11; } .cm-s-elegant span.cm-qualifier { color: #555; } .cm-s-elegant span.cm-keyword { color: #730; } .cm-s-elegant span.cm-builtin { color: #30a; } .cm-s-elegant span.cm-link { color: #762; } .cm-s-elegant span.cm-error { background-color: #fdd; } .cm-s-elegant .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-elegant .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/erlang-dark.css ***! \***************************************************************************************************************************************************************************************************************************************/ .cm-s-erlang-dark.CodeMirror { background: #002240; color: white; } .cm-s-erlang-dark div.CodeMirror-selected { background: #b36539; } .cm-s-erlang-dark .CodeMirror-line::selection, .cm-s-erlang-dark .CodeMirror-line > span::selection, .cm-s-erlang-dark .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); } .cm-s-erlang-dark .CodeMirror-line::-moz-selection, .cm-s-erlang-dark .CodeMirror-line > span::-moz-selection, .cm-s-erlang-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); } .cm-s-erlang-dark .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; } .cm-s-erlang-dark .CodeMirror-guttermarker { color: white; } .cm-s-erlang-dark .CodeMirror-guttermarker-subtle { color: #d0d0d0; } .cm-s-erlang-dark .CodeMirror-linenumber { color: #d0d0d0; } .cm-s-erlang-dark .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-erlang-dark span.cm-quote { color: #ccc; } .cm-s-erlang-dark span.cm-atom { color: #f133f1; } .cm-s-erlang-dark span.cm-attribute { color: #ff80e1; } .cm-s-erlang-dark span.cm-bracket { color: #ff9d00; } .cm-s-erlang-dark span.cm-builtin { color: #eaa; } .cm-s-erlang-dark span.cm-comment { color: #77f; } .cm-s-erlang-dark span.cm-def { color: #e7a; } .cm-s-erlang-dark span.cm-keyword { color: #ffee80; } .cm-s-erlang-dark span.cm-meta { color: #50fefe; } .cm-s-erlang-dark span.cm-number { color: #ffd0d0; } .cm-s-erlang-dark span.cm-operator { color: #d55; } .cm-s-erlang-dark span.cm-property { color: #ccc; } .cm-s-erlang-dark span.cm-qualifier { color: #ccc; } .cm-s-erlang-dark span.cm-special { color: #ffbbbb; } .cm-s-erlang-dark span.cm-string { color: #3ad900; } .cm-s-erlang-dark span.cm-string-2 { color: #ccc; } .cm-s-erlang-dark span.cm-tag { color: #9effff; } .cm-s-erlang-dark span.cm-variable { color: #50fe50; } .cm-s-erlang-dark span.cm-variable-2 { color: #e0e; } .cm-s-erlang-dark span.cm-variable-3, .cm-s-erlang-dark span.cm-type { color: #ccc; } .cm-s-erlang-dark span.cm-error { color: #9d1e15; } .cm-s-erlang-dark .CodeMirror-activeline-background { background: #013461; } .cm-s-erlang-dark .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/gruvbox-dark.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* Name: gruvbox-dark Author: kRkk (https://github.com/krkk) Original gruvbox color scheme by Pavel Pertsev (https://github.com/morhetz/gruvbox) */ .cm-s-gruvbox-dark.CodeMirror, .cm-s-gruvbox-dark .CodeMirror-gutters { background-color: #282828; color: #bdae93; } .cm-s-gruvbox-dark .CodeMirror-gutters {background: #282828; border-right: 0px;} .cm-s-gruvbox-dark .CodeMirror-linenumber {color: #7c6f64;} .cm-s-gruvbox-dark .CodeMirror-cursor { border-left: 1px solid #ebdbb2; } .cm-s-gruvbox-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #8e8d8875 !important; } .cm-s-gruvbox-dark .cm-animate-fat-cursor { background-color: #8e8d8875 !important; } .cm-s-gruvbox-dark div.CodeMirror-selected { background: #928374; } .cm-s-gruvbox-dark span.cm-meta { color: #83a598; } .cm-s-gruvbox-dark span.cm-comment { color: #928374; } .cm-s-gruvbox-dark span.cm-number, span.cm-atom { color: #d3869b; } .cm-s-gruvbox-dark span.cm-keyword { color: #f84934; } .cm-s-gruvbox-dark span.cm-variable { color: #ebdbb2; } .cm-s-gruvbox-dark span.cm-variable-2 { color: #ebdbb2; } .cm-s-gruvbox-dark span.cm-variable-3, .cm-s-gruvbox-dark span.cm-type { color: #fabd2f; } .cm-s-gruvbox-dark span.cm-operator { color: #ebdbb2; } .cm-s-gruvbox-dark span.cm-callee { color: #ebdbb2; } .cm-s-gruvbox-dark span.cm-def { color: #ebdbb2; } .cm-s-gruvbox-dark span.cm-property { color: #ebdbb2; } .cm-s-gruvbox-dark span.cm-string { color: #b8bb26; } .cm-s-gruvbox-dark span.cm-string-2 { color: #8ec07c; } .cm-s-gruvbox-dark span.cm-qualifier { color: #8ec07c; } .cm-s-gruvbox-dark span.cm-attribute { color: #8ec07c; } .cm-s-gruvbox-dark .CodeMirror-activeline-background { background: #3c3836; } .cm-s-gruvbox-dark .CodeMirror-matchingbracket { background: #928374; color:#282828 !important; } .cm-s-gruvbox-dark span.cm-builtin { color: #fe8019; } .cm-s-gruvbox-dark span.cm-tag { color: #fe8019; } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/hopscotch.css ***! \*************************************************************************************************************************************************************************************************************************************/ /* Name: Hopscotch Author: Jan T. Sott CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-hopscotch.CodeMirror {background: #322931; color: #d5d3d5;} .cm-s-hopscotch div.CodeMirror-selected {background: #433b42 !important;} .cm-s-hopscotch .CodeMirror-gutters {background: #322931; border-right: 0px;} .cm-s-hopscotch .CodeMirror-linenumber {color: #797379;} .cm-s-hopscotch .CodeMirror-cursor {border-left: 1px solid #989498 !important;} .cm-s-hopscotch span.cm-comment {color: #b33508;} .cm-s-hopscotch span.cm-atom {color: #c85e7c;} .cm-s-hopscotch span.cm-number {color: #c85e7c;} .cm-s-hopscotch span.cm-property, .cm-s-hopscotch span.cm-attribute {color: #8fc13e;} .cm-s-hopscotch span.cm-keyword {color: #dd464c;} .cm-s-hopscotch span.cm-string {color: #fdcc59;} .cm-s-hopscotch span.cm-variable {color: #8fc13e;} .cm-s-hopscotch span.cm-variable-2 {color: #1290bf;} .cm-s-hopscotch span.cm-def {color: #fd8b19;} .cm-s-hopscotch span.cm-error {background: #dd464c; color: #989498;} .cm-s-hopscotch span.cm-bracket {color: #d5d3d5;} .cm-s-hopscotch span.cm-tag {color: #dd464c;} .cm-s-hopscotch span.cm-link {color: #c85e7c;} .cm-s-hopscotch .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;} .cm-s-hopscotch .CodeMirror-activeline-background { background: #302020; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/icecoder.css ***! \************************************************************************************************************************************************************************************************************************************/ /* ICEcoder default theme by Matt Pass, used in code editor available at https://icecoder.net */ .cm-s-icecoder { color: #666; background: #1d1d1b; } .cm-s-icecoder span.cm-keyword { color: #eee; font-weight:bold; } /* off-white 1 */ .cm-s-icecoder span.cm-atom { color: #e1c76e; } /* yellow */ .cm-s-icecoder span.cm-number { color: #6cb5d9; } /* blue */ .cm-s-icecoder span.cm-def { color: #b9ca4a; } /* green */ .cm-s-icecoder span.cm-variable { color: #6cb5d9; } /* blue */ .cm-s-icecoder span.cm-variable-2 { color: #cc1e5c; } /* pink */ .cm-s-icecoder span.cm-variable-3, .cm-s-icecoder span.cm-type { color: #f9602c; } /* orange */ .cm-s-icecoder span.cm-property { color: #eee; } /* off-white 1 */ .cm-s-icecoder span.cm-operator { color: #9179bb; } /* purple */ .cm-s-icecoder span.cm-comment { color: #97a3aa; } /* grey-blue */ .cm-s-icecoder span.cm-string { color: #b9ca4a; } /* green */ .cm-s-icecoder span.cm-string-2 { color: #6cb5d9; } /* blue */ .cm-s-icecoder span.cm-meta { color: #555; } /* grey */ .cm-s-icecoder span.cm-qualifier { color: #555; } /* grey */ .cm-s-icecoder span.cm-builtin { color: #214e7b; } /* bright blue */ .cm-s-icecoder span.cm-bracket { color: #cc7; } /* grey-yellow */ .cm-s-icecoder span.cm-tag { color: #e8e8e8; } /* off-white 2 */ .cm-s-icecoder span.cm-attribute { color: #099; } /* teal */ .cm-s-icecoder span.cm-header { color: #6a0d6a; } /* purple-pink */ .cm-s-icecoder span.cm-quote { color: #186718; } /* dark green */ .cm-s-icecoder span.cm-hr { color: #888; } /* mid-grey */ .cm-s-icecoder span.cm-link { color: #e1c76e; } /* yellow */ .cm-s-icecoder span.cm-error { color: #d00; } /* red */ .cm-s-icecoder .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-icecoder div.CodeMirror-selected { color: #fff; background: #037; } .cm-s-icecoder .CodeMirror-gutters { background: #1d1d1b; min-width: 41px; border-right: 0; } .cm-s-icecoder .CodeMirror-linenumber { color: #555; cursor: default; } .cm-s-icecoder .CodeMirror-matchingbracket { color: #fff !important; background: #555 !important; } .cm-s-icecoder .CodeMirror-activeline-background { background: #000; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/idea.css ***! \********************************************************************************************************************************************************************************************************************************/ /** Name: IDEA default theme From IntelliJ IDEA by JetBrains */ .cm-s-idea span.cm-meta { color: #808000; } .cm-s-idea span.cm-number { color: #0000FF; } .cm-s-idea span.cm-keyword { line-height: 1em; font-weight: bold; color: #000080; } .cm-s-idea span.cm-atom { font-weight: bold; color: #000080; } .cm-s-idea span.cm-def { color: #000000; } .cm-s-idea span.cm-variable { color: black; } .cm-s-idea span.cm-variable-2 { color: black; } .cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type { color: black; } .cm-s-idea span.cm-property { color: black; } .cm-s-idea span.cm-operator { color: black; } .cm-s-idea span.cm-comment { color: #808080; } .cm-s-idea span.cm-string { color: #008000; } .cm-s-idea span.cm-string-2 { color: #008000; } .cm-s-idea span.cm-qualifier { color: #555; } .cm-s-idea span.cm-error { color: #FF0000; } .cm-s-idea span.cm-attribute { color: #0000FF; } .cm-s-idea span.cm-tag { color: #000080; } .cm-s-idea span.cm-link { color: #0000FF; } .cm-s-idea .CodeMirror-activeline-background { background: #FFFAE3; } .cm-s-idea span.cm-builtin { color: #30a; } .cm-s-idea span.cm-bracket { color: #cc7; } .cm-s-idea { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;} .cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } .CodeMirror-hints.idea { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: #616569; background-color: #ebf3fd !important; } .CodeMirror-hints.idea .CodeMirror-hint-active { background-color: #a2b8c9 !important; color: #5c6065 !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/isotope.css ***! \***********************************************************************************************************************************************************************************************************************************/ /* Name: Isotope Author: David Desandro / Jan T. Sott CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-isotope.CodeMirror {background: #000000; color: #e0e0e0;} .cm-s-isotope div.CodeMirror-selected {background: #404040 !important;} .cm-s-isotope .CodeMirror-gutters {background: #000000; border-right: 0px;} .cm-s-isotope .CodeMirror-linenumber {color: #808080;} .cm-s-isotope .CodeMirror-cursor {border-left: 1px solid #c0c0c0 !important;} .cm-s-isotope span.cm-comment {color: #3300ff;} .cm-s-isotope span.cm-atom {color: #cc00ff;} .cm-s-isotope span.cm-number {color: #cc00ff;} .cm-s-isotope span.cm-property, .cm-s-isotope span.cm-attribute {color: #33ff00;} .cm-s-isotope span.cm-keyword {color: #ff0000;} .cm-s-isotope span.cm-string {color: #ff0099;} .cm-s-isotope span.cm-variable {color: #33ff00;} .cm-s-isotope span.cm-variable-2 {color: #0066ff;} .cm-s-isotope span.cm-def {color: #ff9900;} .cm-s-isotope span.cm-error {background: #ff0000; color: #c0c0c0;} .cm-s-isotope span.cm-bracket {color: #e0e0e0;} .cm-s-isotope span.cm-tag {color: #ff0000;} .cm-s-isotope span.cm-link {color: #cc00ff;} .cm-s-isotope .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;} .cm-s-isotope .CodeMirror-activeline-background { background: #202020; } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/juejin.css ***! \**********************************************************************************************************************************************************************************************************************************/ .cm-s-juejin.CodeMirror { background: #f8f9fa; } .cm-s-juejin .cm-header, .cm-s-juejin .cm-def { color: #1ba2f0; } .cm-s-juejin .cm-comment { color: #009e9d; } .cm-s-juejin .cm-quote, .cm-s-juejin .cm-link, .cm-s-juejin .cm-strong, .cm-s-juejin .cm-attribute { color: #fd7741; } .cm-s-juejin .cm-url, .cm-s-juejin .cm-keyword, .cm-s-juejin .cm-builtin { color: #bb51b8; } .cm-s-juejin .cm-hr { color: #909090; } .cm-s-juejin .cm-tag { color: #107000; } .cm-s-juejin .cm-variable-2 { color: #0050a0; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/lesser-dark.css ***! \***************************************************************************************************************************************************************************************************************************************/ /* http://lesscss.org/ dark theme Ported to CodeMirror by Peter Kroon */ .cm-s-lesser-dark { line-height: 1.3em; } .cm-s-lesser-dark.CodeMirror { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; } .cm-s-lesser-dark div.CodeMirror-selected { background: #45443B; } /* 33322B*/ .cm-s-lesser-dark .CodeMirror-line::selection, .cm-s-lesser-dark .CodeMirror-line > span::selection, .cm-s-lesser-dark .CodeMirror-line > span > span::selection { background: rgba(69, 68, 59, .99); } .cm-s-lesser-dark .CodeMirror-line::-moz-selection, .cm-s-lesser-dark .CodeMirror-line > span::-moz-selection, .cm-s-lesser-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(69, 68, 59, .99); } .cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-lesser-dark pre { padding: 0 8px; }/*editable code holder*/ .cm-s-lesser-dark.CodeMirror span.CodeMirror-matchingbracket { color: #7EFC7E; }/*65FC65*/ .cm-s-lesser-dark .CodeMirror-gutters { background: #262626; border-right:1px solid #aaa; } .cm-s-lesser-dark .CodeMirror-guttermarker { color: #599eff; } .cm-s-lesser-dark .CodeMirror-guttermarker-subtle { color: #777; } .cm-s-lesser-dark .CodeMirror-linenumber { color: #777; } .cm-s-lesser-dark span.cm-header { color: #a0a; } .cm-s-lesser-dark span.cm-quote { color: #090; } .cm-s-lesser-dark span.cm-keyword { color: #599eff; } .cm-s-lesser-dark span.cm-atom { color: #C2B470; } .cm-s-lesser-dark span.cm-number { color: #B35E4D; } .cm-s-lesser-dark span.cm-def { color: white; } .cm-s-lesser-dark span.cm-variable { color:#D9BF8C; } .cm-s-lesser-dark span.cm-variable-2 { color: #669199; } .cm-s-lesser-dark span.cm-variable-3, .cm-s-lesser-dark span.cm-type { color: white; } .cm-s-lesser-dark span.cm-property { color: #92A75C; } .cm-s-lesser-dark span.cm-operator { color: #92A75C; } .cm-s-lesser-dark span.cm-comment { color: #666; } .cm-s-lesser-dark span.cm-string { color: #BCD279; } .cm-s-lesser-dark span.cm-string-2 { color: #f50; } .cm-s-lesser-dark span.cm-meta { color: #738C73; } .cm-s-lesser-dark span.cm-qualifier { color: #555; } .cm-s-lesser-dark span.cm-builtin { color: #ff9e59; } .cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; } .cm-s-lesser-dark span.cm-tag { color: #669199; } .cm-s-lesser-dark span.cm-attribute { color: #81a4d5; } .cm-s-lesser-dark span.cm-hr { color: #999; } .cm-s-lesser-dark span.cm-link { color: #7070E6; } .cm-s-lesser-dark span.cm-error { color: #9d1e15; } .cm-s-lesser-dark .CodeMirror-activeline-background { background: #3C3A3A; } .cm-s-lesser-dark .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/liquibyte.css ***! \*************************************************************************************************************************************************************************************************************************************/ .cm-s-liquibyte.CodeMirror { background-color: #000; color: #fff; line-height: 1.2em; font-size: 1em; } .cm-s-liquibyte .CodeMirror-focused .cm-matchhighlight { text-decoration: underline; text-decoration-color: #0f0; text-decoration-style: wavy; } .cm-s-liquibyte .cm-trailingspace { text-decoration: line-through; text-decoration-color: #f00; text-decoration-style: dotted; } .cm-s-liquibyte .cm-tab { text-decoration: line-through; text-decoration-color: #404040; text-decoration-style: dotted; } .cm-s-liquibyte .CodeMirror-gutters { background-color: #262626; border-right: 1px solid #505050; padding-right: 0.8em; } .cm-s-liquibyte .CodeMirror-gutter-elt div { font-size: 1.2em; } .cm-s-liquibyte .CodeMirror-guttermarker { } .cm-s-liquibyte .CodeMirror-guttermarker-subtle { } .cm-s-liquibyte .CodeMirror-linenumber { color: #606060; padding-left: 0; } .cm-s-liquibyte .CodeMirror-cursor { border-left: 1px solid #eee; } .cm-s-liquibyte span.cm-comment { color: #008000; } .cm-s-liquibyte span.cm-def { color: #ffaf40; font-weight: bold; } .cm-s-liquibyte span.cm-keyword { color: #c080ff; font-weight: bold; } .cm-s-liquibyte span.cm-builtin { color: #ffaf40; font-weight: bold; } .cm-s-liquibyte span.cm-variable { color: #5967ff; font-weight: bold; } .cm-s-liquibyte span.cm-string { color: #ff8000; } .cm-s-liquibyte span.cm-number { color: #0f0; font-weight: bold; } .cm-s-liquibyte span.cm-atom { color: #bf3030; font-weight: bold; } .cm-s-liquibyte span.cm-variable-2 { color: #007f7f; font-weight: bold; } .cm-s-liquibyte span.cm-variable-3, .cm-s-liquibyte span.cm-type { color: #c080ff; font-weight: bold; } .cm-s-liquibyte span.cm-property { color: #999; font-weight: bold; } .cm-s-liquibyte span.cm-operator { color: #fff; } .cm-s-liquibyte span.cm-meta { color: #0f0; } .cm-s-liquibyte span.cm-qualifier { color: #fff700; font-weight: bold; } .cm-s-liquibyte span.cm-bracket { color: #cc7; } .cm-s-liquibyte span.cm-tag { color: #ff0; font-weight: bold; } .cm-s-liquibyte span.cm-attribute { color: #c080ff; font-weight: bold; } .cm-s-liquibyte span.cm-error { color: #f00; } .cm-s-liquibyte div.CodeMirror-selected { background-color: rgba(255, 0, 0, 0.25); } .cm-s-liquibyte span.cm-compilation { background-color: rgba(255, 255, 255, 0.12); } .cm-s-liquibyte .CodeMirror-activeline-background { background-color: rgba(0, 255, 0, 0.15); } /* Default styles for common addons */ .cm-s-liquibyte .CodeMirror span.CodeMirror-matchingbracket { color: #0f0; font-weight: bold; } .cm-s-liquibyte .CodeMirror span.CodeMirror-nonmatchingbracket { color: #f00; font-weight: bold; } .CodeMirror-matchingtag { background-color: rgba(150, 255, 0, .3); } /* Scrollbars */ /* Simple */ .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div:hover, .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div:hover { background-color: rgba(80, 80, 80, .7); } .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div, .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div { background-color: rgba(80, 80, 80, .3); border: 1px solid #404040; border-radius: 5px; } .cm-s-liquibyte div.CodeMirror-simplescroll-vertical div { border-top: 1px solid #404040; border-bottom: 1px solid #404040; } .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div { border-left: 1px solid #404040; border-right: 1px solid #404040; } .cm-s-liquibyte div.CodeMirror-simplescroll-vertical { background-color: #262626; } .cm-s-liquibyte div.CodeMirror-simplescroll-horizontal { background-color: #262626; border-top: 1px solid #404040; } /* Overlay */ .cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div, div.CodeMirror-overlayscroll-vertical div { background-color: #404040; border-radius: 5px; } .cm-s-liquibyte div.CodeMirror-overlayscroll-vertical div { border: 1px solid #404040; } .cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div { border: 1px solid #404040; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/lucario.css ***! \***********************************************************************************************************************************************************************************************************************************/ /* Name: lucario Author: Raphael Amorim Original Lucario color scheme (https://github.com/raphamorim/lucario) */ .cm-s-lucario.CodeMirror, .cm-s-lucario .CodeMirror-gutters { background-color: #2b3e50 !important; color: #f8f8f2 !important; border: none; } .cm-s-lucario .CodeMirror-gutters { color: #2b3e50; } .cm-s-lucario .CodeMirror-cursor { border-left: solid thin #E6C845; } .cm-s-lucario .CodeMirror-linenumber { color: #f8f8f2; } .cm-s-lucario .CodeMirror-selected { background: #243443; } .cm-s-lucario .CodeMirror-line::selection, .cm-s-lucario .CodeMirror-line > span::selection, .cm-s-lucario .CodeMirror-line > span > span::selection { background: #243443; } .cm-s-lucario .CodeMirror-line::-moz-selection, .cm-s-lucario .CodeMirror-line > span::-moz-selection, .cm-s-lucario .CodeMirror-line > span > span::-moz-selection { background: #243443; } .cm-s-lucario span.cm-comment { color: #5c98cd; } .cm-s-lucario span.cm-string, .cm-s-lucario span.cm-string-2 { color: #E6DB74; } .cm-s-lucario span.cm-number { color: #ca94ff; } .cm-s-lucario span.cm-variable { color: #f8f8f2; } .cm-s-lucario span.cm-variable-2 { color: #f8f8f2; } .cm-s-lucario span.cm-def { color: #72C05D; } .cm-s-lucario span.cm-operator { color: #66D9EF; } .cm-s-lucario span.cm-keyword { color: #ff6541; } .cm-s-lucario span.cm-atom { color: #bd93f9; } .cm-s-lucario span.cm-meta { color: #f8f8f2; } .cm-s-lucario span.cm-tag { color: #ff6541; } .cm-s-lucario span.cm-attribute { color: #66D9EF; } .cm-s-lucario span.cm-qualifier { color: #72C05D; } .cm-s-lucario span.cm-property { color: #f8f8f2; } .cm-s-lucario span.cm-builtin { color: #72C05D; } .cm-s-lucario span.cm-variable-3, .cm-s-lucario span.cm-type { color: #ffb86c; } .cm-s-lucario .CodeMirror-activeline-background { background: #243443; } .cm-s-lucario .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/material-darker.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /* Name: material Author: Mattia Astorino (http://github.com/equinusocio) Website: https://material-theme.site/ */ .cm-s-material-darker.CodeMirror { background-color: #212121; color: #EEFFFF; } .cm-s-material-darker .CodeMirror-gutters { background: #212121; color: #545454; border: none; } .cm-s-material-darker .CodeMirror-guttermarker, .cm-s-material-darker .CodeMirror-guttermarker-subtle, .cm-s-material-darker .CodeMirror-linenumber { color: #545454; } .cm-s-material-darker .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .cm-s-material-darker div.CodeMirror-selected { background: rgba(97, 97, 97, 0.2); } .cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected { background: rgba(97, 97, 97, 0.2); } .cm-s-material-darker .CodeMirror-line::selection, .cm-s-material-darker .CodeMirror-line>span::selection, .cm-s-material-darker .CodeMirror-line>span>span::selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-darker .CodeMirror-line::-moz-selection, .cm-s-material-darker .CodeMirror-line>span::-moz-selection, .cm-s-material-darker .CodeMirror-line>span>span::-moz-selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-darker .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.5); } .cm-s-material-darker .cm-keyword { color: #C792EA; } .cm-s-material-darker .cm-operator { color: #89DDFF; } .cm-s-material-darker .cm-variable-2 { color: #EEFFFF; } .cm-s-material-darker .cm-variable-3, .cm-s-material-darker .cm-type { color: #f07178; } .cm-s-material-darker .cm-builtin { color: #FFCB6B; } .cm-s-material-darker .cm-atom { color: #F78C6C; } .cm-s-material-darker .cm-number { color: #FF5370; } .cm-s-material-darker .cm-def { color: #82AAFF; } .cm-s-material-darker .cm-string { color: #C3E88D; } .cm-s-material-darker .cm-string-2 { color: #f07178; } .cm-s-material-darker .cm-comment { color: #545454; } .cm-s-material-darker .cm-variable { color: #f07178; } .cm-s-material-darker .cm-tag { color: #FF5370; } .cm-s-material-darker .cm-meta { color: #FFCB6B; } .cm-s-material-darker .cm-attribute { color: #C792EA; } .cm-s-material-darker .cm-property { color: #C792EA; } .cm-s-material-darker .cm-qualifier { color: #DECB6B; } .cm-s-material-darker .cm-variable-3, .cm-s-material-darker .cm-type { color: #DECB6B; } .cm-s-material-darker .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .cm-s-material-darker .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/material-ocean.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* Name: material Author: Mattia Astorino (http://github.com/equinusocio) Website: https://material-theme.site/ */ .cm-s-material-ocean.CodeMirror { background-color: #0F111A; color: #8F93A2; } .cm-s-material-ocean .CodeMirror-gutters { background: #0F111A; color: #464B5D; border: none; } .cm-s-material-ocean .CodeMirror-guttermarker, .cm-s-material-ocean .CodeMirror-guttermarker-subtle, .cm-s-material-ocean .CodeMirror-linenumber { color: #464B5D; } .cm-s-material-ocean .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .cm-s-material-ocean.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important; } .cm-s-material-ocean .cm-animate-fat-cursor { background-color: #a2a8a175 !important; } .cm-s-material-ocean div.CodeMirror-selected { background: rgba(113, 124, 180, 0.2); } .cm-s-material-ocean.CodeMirror-focused div.CodeMirror-selected { background: rgba(113, 124, 180, 0.2); } .cm-s-material-ocean .CodeMirror-line::selection, .cm-s-material-ocean .CodeMirror-line>span::selection, .cm-s-material-ocean .CodeMirror-line>span>span::selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-ocean .CodeMirror-line::-moz-selection, .cm-s-material-ocean .CodeMirror-line>span::-moz-selection, .cm-s-material-ocean .CodeMirror-line>span>span::-moz-selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-ocean .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.5); } .cm-s-material-ocean .cm-keyword { color: #C792EA; } .cm-s-material-ocean .cm-operator { color: #89DDFF; } .cm-s-material-ocean .cm-variable-2 { color: #EEFFFF; } .cm-s-material-ocean .cm-variable-3, .cm-s-material-ocean .cm-type { color: #f07178; } .cm-s-material-ocean .cm-builtin { color: #FFCB6B; } .cm-s-material-ocean .cm-atom { color: #F78C6C; } .cm-s-material-ocean .cm-number { color: #FF5370; } .cm-s-material-ocean .cm-def { color: #82AAFF; } .cm-s-material-ocean .cm-string { color: #C3E88D; } .cm-s-material-ocean .cm-string-2 { color: #f07178; } .cm-s-material-ocean .cm-comment { color: #464B5D; } .cm-s-material-ocean .cm-variable { color: #f07178; } .cm-s-material-ocean .cm-tag { color: #FF5370; } .cm-s-material-ocean .cm-meta { color: #FFCB6B; } .cm-s-material-ocean .cm-attribute { color: #C792EA; } .cm-s-material-ocean .cm-property { color: #C792EA; } .cm-s-material-ocean .cm-qualifier { color: #DECB6B; } .cm-s-material-ocean .cm-variable-3, .cm-s-material-ocean .cm-type { color: #DECB6B; } .cm-s-material-ocean .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .cm-s-material-ocean .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/material-palenight.css ***! \**********************************************************************************************************************************************************************************************************************************************/ /* Name: material Author: Mattia Astorino (http://github.com/equinusocio) Website: https://material-theme.site/ */ .cm-s-material-palenight.CodeMirror { background-color: #292D3E; color: #A6ACCD; } .cm-s-material-palenight .CodeMirror-gutters { background: #292D3E; color: #676E95; border: none; } .cm-s-material-palenight .CodeMirror-guttermarker, .cm-s-material-palenight .CodeMirror-guttermarker-subtle, .cm-s-material-palenight .CodeMirror-linenumber { color: #676E95; } .cm-s-material-palenight .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .cm-s-material-palenight.cm-fat-cursor .CodeMirror-cursor { background-color: #607c8b80 !important; } .cm-s-material-palenight .cm-animate-fat-cursor { background-color: #607c8b80 !important; } .cm-s-material-palenight div.CodeMirror-selected { background: rgba(113, 124, 180, 0.2); } .cm-s-material-palenight.CodeMirror-focused div.CodeMirror-selected { background: rgba(113, 124, 180, 0.2); } .cm-s-material-palenight .CodeMirror-line::selection, .cm-s-material-palenight .CodeMirror-line>span::selection, .cm-s-material-palenight .CodeMirror-line>span>span::selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-palenight .CodeMirror-line::-moz-selection, .cm-s-material-palenight .CodeMirror-line>span::-moz-selection, .cm-s-material-palenight .CodeMirror-line>span>span::-moz-selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-palenight .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.5); } .cm-s-material-palenight .cm-keyword { color: #C792EA; } .cm-s-material-palenight .cm-operator { color: #89DDFF; } .cm-s-material-palenight .cm-variable-2 { color: #EEFFFF; } .cm-s-material-palenight .cm-variable-3, .cm-s-material-palenight .cm-type { color: #f07178; } .cm-s-material-palenight .cm-builtin { color: #FFCB6B; } .cm-s-material-palenight .cm-atom { color: #F78C6C; } .cm-s-material-palenight .cm-number { color: #FF5370; } .cm-s-material-palenight .cm-def { color: #82AAFF; } .cm-s-material-palenight .cm-string { color: #C3E88D; } .cm-s-material-palenight .cm-string-2 { color: #f07178; } .cm-s-material-palenight .cm-comment { color: #676E95; } .cm-s-material-palenight .cm-variable { color: #f07178; } .cm-s-material-palenight .cm-tag { color: #FF5370; } .cm-s-material-palenight .cm-meta { color: #FFCB6B; } .cm-s-material-palenight .cm-attribute { color: #C792EA; } .cm-s-material-palenight .cm-property { color: #C792EA; } .cm-s-material-palenight .cm-qualifier { color: #DECB6B; } .cm-s-material-palenight .cm-variable-3, .cm-s-material-palenight .cm-type { color: #DECB6B; } .cm-s-material-palenight .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .cm-s-material-palenight .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/material.css ***! \************************************************************************************************************************************************************************************************************************************/ /* Name: material Author: Mattia Astorino (http://github.com/equinusocio) Website: https://material-theme.site/ */ .cm-s-material.CodeMirror { background-color: #263238; color: #EEFFFF; } .cm-s-material .CodeMirror-gutters { background: #263238; color: #546E7A; border: none; } .cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber { color: #546E7A; } .cm-s-material .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .cm-s-material.cm-fat-cursor .CodeMirror-cursor { background-color: #5d6d5c80 !important; } .cm-s-material .cm-animate-fat-cursor { background-color: #5d6d5c80 !important; } .cm-s-material div.CodeMirror-selected { background: rgba(128, 203, 196, 0.2); } .cm-s-material.CodeMirror-focused div.CodeMirror-selected { background: rgba(128, 203, 196, 0.2); } .cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line>span::selection, .cm-s-material .CodeMirror-line>span>span::selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line>span::-moz-selection, .cm-s-material .CodeMirror-line>span>span::-moz-selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.5); } .cm-s-material .cm-keyword { color: #C792EA; } .cm-s-material .cm-operator { color: #89DDFF; } .cm-s-material .cm-variable-2 { color: #EEFFFF; } .cm-s-material .cm-variable-3, .cm-s-material .cm-type { color: #f07178; } .cm-s-material .cm-builtin { color: #FFCB6B; } .cm-s-material .cm-atom { color: #F78C6C; } .cm-s-material .cm-number { color: #FF5370; } .cm-s-material .cm-def { color: #82AAFF; } .cm-s-material .cm-string { color: #C3E88D; } .cm-s-material .cm-string-2 { color: #f07178; } .cm-s-material .cm-comment { color: #546E7A; } .cm-s-material .cm-variable { color: #f07178; } .cm-s-material .cm-tag { color: #FF5370; } .cm-s-material .cm-meta { color: #FFCB6B; } .cm-s-material .cm-attribute { color: #C792EA; } .cm-s-material .cm-property { color: #C792EA; } .cm-s-material .cm-qualifier { color: #DECB6B; } .cm-s-material .cm-variable-3, .cm-s-material .cm-type { color: #DECB6B; } .cm-s-material .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .cm-s-material .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/mbo.css ***! \*******************************************************************************************************************************************************************************************************************************/ /****************************************************************/ /* Based on mbonaci's Brackets mbo theme */ /* https://github.com/mbonaci/global/blob/master/Mbo.tmTheme */ /* Create your own: http://tmtheme-editor.herokuapp.com */ /****************************************************************/ .cm-s-mbo.CodeMirror { background: #2c2c2c; color: #ffffec; } .cm-s-mbo div.CodeMirror-selected { background: #716C62; } .cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection { background: rgba(113, 108, 98, .99); } .cm-s-mbo .CodeMirror-line::-moz-selection, .cm-s-mbo .CodeMirror-line > span::-moz-selection, .cm-s-mbo .CodeMirror-line > span > span::-moz-selection { background: rgba(113, 108, 98, .99); } .cm-s-mbo .CodeMirror-gutters { background: #4e4e4e; border-right: 0px; } .cm-s-mbo .CodeMirror-guttermarker { color: white; } .cm-s-mbo .CodeMirror-guttermarker-subtle { color: grey; } .cm-s-mbo .CodeMirror-linenumber { color: #dadada; } .cm-s-mbo .CodeMirror-cursor { border-left: 1px solid #ffffec; } .cm-s-mbo span.cm-comment { color: #95958a; } .cm-s-mbo span.cm-atom { color: #00a8c6; } .cm-s-mbo span.cm-number { color: #00a8c6; } .cm-s-mbo span.cm-property, .cm-s-mbo span.cm-attribute { color: #9ddfe9; } .cm-s-mbo span.cm-keyword { color: #ffb928; } .cm-s-mbo span.cm-string { color: #ffcf6c; } .cm-s-mbo span.cm-string.cm-property { color: #ffffec; } .cm-s-mbo span.cm-variable { color: #ffffec; } .cm-s-mbo span.cm-variable-2 { color: #00a8c6; } .cm-s-mbo span.cm-def { color: #ffffec; } .cm-s-mbo span.cm-bracket { color: #fffffc; font-weight: bold; } .cm-s-mbo span.cm-tag { color: #9ddfe9; } .cm-s-mbo span.cm-link { color: #f54b07; } .cm-s-mbo span.cm-error { border-bottom: #636363; color: #ffffec; } .cm-s-mbo span.cm-qualifier { color: #ffffec; } .cm-s-mbo .CodeMirror-activeline-background { background: #494b41; } .cm-s-mbo .CodeMirror-matchingbracket { color: #ffb928 !important; } .cm-s-mbo .CodeMirror-matchingtag { background: rgba(255, 255, 255, .37); } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/mdn-like.css ***! \************************************************************************************************************************************************************************************************************************************/ /* MDN-LIKE Theme - Mozilla Ported to CodeMirror by Peter Kroon Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues GitHub: @peterkroon The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation */ .cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; } .cm-s-mdn-like div.CodeMirror-selected { background: #cfc; } .cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; } .cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; } .cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0.65); color: #333; } .cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; } .cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; } .cm-s-mdn-like .cm-keyword { color: #6262FF; } .cm-s-mdn-like .cm-atom { color: #F90; } .cm-s-mdn-like .cm-number { color: #ca7841; } .cm-s-mdn-like .cm-def { color: #8DA6CE; } .cm-s-mdn-like span.cm-variable-2, .cm-s-mdn-like span.cm-tag { color: #690; } .cm-s-mdn-like span.cm-variable-3, .cm-s-mdn-like span.cm-def, .cm-s-mdn-like span.cm-type { color: #07a; } .cm-s-mdn-like .cm-variable { color: #07a; } .cm-s-mdn-like .cm-property { color: #905; } .cm-s-mdn-like .cm-qualifier { color: #690; } .cm-s-mdn-like .cm-operator { color: #cda869; } .cm-s-mdn-like .cm-comment { color:#777; font-weight:normal; } .cm-s-mdn-like .cm-string { color:#07a; font-style:italic; } .cm-s-mdn-like .cm-string-2 { color:#bd6b18; } /*?*/ .cm-s-mdn-like .cm-meta { color: #000; } /*?*/ .cm-s-mdn-like .cm-builtin { color: #9B7536; } /*?*/ .cm-s-mdn-like .cm-tag { color: #997643; } .cm-s-mdn-like .cm-attribute { color: #d6bb6d; } /*?*/ .cm-s-mdn-like .cm-header { color: #FF6400; } .cm-s-mdn-like .cm-hr { color: #AEAEAE; } .cm-s-mdn-like .cm-link { color:#ad9361; font-style:italic; text-decoration:none; } .cm-s-mdn-like .cm-error { border-bottom: 1px solid red; } div.cm-s-mdn-like .CodeMirror-activeline-background { background: #efefff; } div.cm-s-mdn-like span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; } .cm-s-mdn-like.CodeMirror { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAyCAYAAAAp8UeFAAAHvklEQVR42s2b63bcNgyEQZCSHCdt2vd/0tWF7I+Q6XgMXiTtuvU5Pl57ZQKkKHzEAOtF5KeIJBGJ8uvL599FRFREZhFx8DeXv8trn68RuGaC8TRfo3SNp9dlDDHedyLyTUTeRWStXKPZrjtpZxaRw5hPqozRs1N8/enzIiQRWcCgy4MUA0f+XWliDhyL8Lfyvx7ei/Ae3iQFHyw7U/59pQVIMEEPEz0G7XiwdRjzSfC3UTtz9vchIntxvry5iMgfIhJoEflOz2CQr3F5h/HfeFe+GTdLaKcu9L8LTeQb/R/7GgbsfKedyNdoHsN31uRPWrfZ5wsj/NzzRQHuToIdU3ahwnsKPxXCjJITuOsi7XLc7SG/v5GdALs7wf8JjTFiB5+QvTEfRyGOfX3Lrx8wxyQi3sNq46O7QahQiCsRFgqddjBouVEHOKDgXAQHD9gJCr5sMKkEdjwsarG/ww3BMHBU7OBjXnzdyY7SfCxf5/z6ATccrwlKuwC/jhznnPF4CgVzhhVf4xp2EixcBActO75iZ8/fM9zAs2OMzKdslgXWJ9XG8PQoOAMA5fGcsvORgv0doBXyHrCwfLJAOwo71QLNkb8n2Pl6EWiR7OCibtkPaz4Kc/0NNAze2gju3zOwekALDaCFPI5vjPFmgGY5AZqyGEvH1x7QfIb8YtxMnA/b+QQ0aQDAwc6JMFg8CbQZ4qoYEEHbRwNojuK3EHwd7VALSgq+MNDKzfT58T8qdpADrgW0GmgcAS1lhzztJmkAzcPNOQbsWEALBDSlMKUG0Eq4CLAQWvEVQ9WU57gZJwZtgPO3r9oBTQ9WO8TjqXINx8R0EYpiZEUWOF3FxkbJkgU9B2f41YBrIj5ZfsQa0M5kTgiAAqM3ShXLgu8XMqcrQBvJ0CL5pnTsfMB13oB8athpAq2XOQmcGmoACCLydx7nToa23ATaSIY2ichfOdPTGxlasXMLaL0MLZAOwAKIM+y8CmicobGdCcbbK9DzN+yYGVoNNI5iUKTMyYOjPse4A8SM1MmcXgU0toOq1yO/v8FOxlASyc7TgeYaAMBJHcY1CcCwGI/TK4AmDbDyKYBBtFUkRwto8gygiQEaByFgJ00BH2M8JWwQS1nafDXQCidWyOI8AcjDCSjCLk8ngObuAm3JAHAdubAmOaK06V8MNEsKPJOhobSprwQa6gD7DclRQdqcwL4zxqgBrQcabUiBLclRDKAlWp+etPkBaNMA0AKlrHwTdEByZAA4GM+SNluSY6wAzcMNewxmgig5Ks0nkrSpBvSaQHMdKTBAnLojOdYyGpQ254602ZILPdTD1hdlggdIm74jbTp8vDwF5ZYUeLWGJpWsh6XNyXgcYwVoJQTEhhTYkxzZjiU5npU2TaB979TQehlaAVq4kaGpiPwwwLkYUuBbQwocyQTv1tA0+1UFWoJF3iv1oq+qoSk8EQdJmwHkziIF7oOZk14EGitibAdjLYYK78H5vZOhtWpoI0ATGHs0Q8OMb4Ey+2bU2UYztCtA0wFAs7TplGLRVQCcqaFdGSPCeTI1QNIC52iWNzof6Uib7xjEp07mNNoUYmVosVItHrHzRlLgBn9LFyRHaQCtVUMbtTNhoXWiTOO9k/V8BdAc1Oq0ArSQs6/5SU0hckNy9NnXqQY0PGYo5dWJ7nINaN6o958FWin27aBaWRka1r5myvLOAm0j30eBJqCxHLReVclxhxOEN2JfDWjxBtAC7MIH1fVaGdoOp4qJYDgKtKPSFNID2gSnGldrCqkFZ+5UeQXQBIRrSwocbdZYQT/2LwRahBPBXoHrB8nxaGROST62DKUbQOMMzZIC9abkuELfQzQALWTnDNAm8KHWFOJgJ5+SHIvTPcmx1xQyZRhNL5Qci689aXMEaN/uNIWkEwDAvFpOZmgsBaaGnbs1NPa1Jm32gBZAIh1pCtG7TSH4aE0y1uVY4uqoFPisGlpP2rSA5qTecWn5agK6BzSpgAyD+wFaqhnYoSZ1Vwr8CmlTQbrcO3ZaX0NAEyMbYaAlyquFoLKK3SPby9CeVUPThrSJmkCAE0CrKUQadi4DrdSlWhmah0YL9z9vClH59YGbHx1J8VZTyAjQepJjmXwAKTDQI3omc3p1U4gDUf6RfcdYfrUp5ClAi2J3Ba6UOXGo+K+bQrjjssitG2SJzshaLwMtXgRagUNpYYoVkMSBLM+9GGiJZMvduG6DRZ4qc04DMPtQQxOjEtACmhO7K1AbNbQDEggZyJwscFpAGwENhoBeUwh3bWolhe8BTYVKxQEWrSUn/uhcM5KhvUu/+eQu0Lzhi+VrK0PrZZNDQKs9cpYUuFYgMVpD4/NxenJTiMCNqdUEUf1qZWjppLT5qSkkUZbCwkbZMSuVnu80hfSkzRbQeqCZSAh6huR4VtoM2gHAlLf72smuWgE+VV7XpE25Ab2WFDgyhnSuKbs4GuGzCjR+tIoUuMFg3kgcWKLTwRqanJQ2W00hAsenfaApRC42hbCvK1SlE0HtE9BGgneJO+ELamitD1YjjOYnNYVcraGhtKkW0EqVVeDx733I2NH581k1NNxNLG0i0IJ8/NjVaOZ0tYZ2Vtr0Xv7tPV3hkWp9EFkgS/J0vosngTaSoaG06WHi+xObQkaAdlbanP8B2+2l0f90LmUAAAAASUVORK5CYII=); } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/midnight.css ***! \************************************************************************************************************************************************************************************************************************************/ /* Based on the theme at http://bonsaiden.github.com/JavaScript-Garden */ /**/ .cm-s-midnight .CodeMirror-activeline-background { background: #253540; } .cm-s-midnight.CodeMirror { background: #0F192A; color: #D1EDFF; } .cm-s-midnight div.CodeMirror-selected { background: #314D67; } .cm-s-midnight .CodeMirror-line::selection, .cm-s-midnight .CodeMirror-line > span::selection, .cm-s-midnight .CodeMirror-line > span > span::selection { background: rgba(49, 77, 103, .99); } .cm-s-midnight .CodeMirror-line::-moz-selection, .cm-s-midnight .CodeMirror-line > span::-moz-selection, .cm-s-midnight .CodeMirror-line > span > span::-moz-selection { background: rgba(49, 77, 103, .99); } .cm-s-midnight .CodeMirror-gutters { background: #0F192A; border-right: 1px solid; } .cm-s-midnight .CodeMirror-guttermarker { color: white; } .cm-s-midnight .CodeMirror-guttermarker-subtle { color: #d0d0d0; } .cm-s-midnight .CodeMirror-linenumber { color: #D0D0D0; } .cm-s-midnight .CodeMirror-cursor { border-left: 1px solid #F8F8F0; } .cm-s-midnight span.cm-comment { color: #428BDD; } .cm-s-midnight span.cm-atom { color: #AE81FF; } .cm-s-midnight span.cm-number { color: #D1EDFF; } .cm-s-midnight span.cm-property, .cm-s-midnight span.cm-attribute { color: #A6E22E; } .cm-s-midnight span.cm-keyword { color: #E83737; } .cm-s-midnight span.cm-string { color: #1DC116; } .cm-s-midnight span.cm-variable { color: #FFAA3E; } .cm-s-midnight span.cm-variable-2 { color: #FFAA3E; } .cm-s-midnight span.cm-def { color: #4DD; } .cm-s-midnight span.cm-bracket { color: #D1EDFF; } .cm-s-midnight span.cm-tag { color: #449; } .cm-s-midnight span.cm-link { color: #AE81FF; } .cm-s-midnight span.cm-error { background: #F92672; color: #F8F8F0; } .cm-s-midnight .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/monokai.css ***! \***********************************************************************************************************************************************************************************************************************************/ /* Based on Sublime Text's Monokai theme */ .cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; } .cm-s-monokai div.CodeMirror-selected { background: #49483E; } .cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); } .cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); } .cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; } .cm-s-monokai .CodeMirror-guttermarker { color: white; } .cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; } .cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; } .cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } .cm-s-monokai span.cm-comment { color: #75715e; } .cm-s-monokai span.cm-atom { color: #ae81ff; } .cm-s-monokai span.cm-number { color: #ae81ff; } .cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; } .cm-s-monokai span.cm-comment.cm-def { color: #bc9262; } .cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; } .cm-s-monokai span.cm-comment.cm-type { color: #5998a6; } .cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; } .cm-s-monokai span.cm-keyword { color: #f92672; } .cm-s-monokai span.cm-builtin { color: #66d9ef; } .cm-s-monokai span.cm-string { color: #e6db74; } .cm-s-monokai span.cm-variable { color: #f8f8f2; } .cm-s-monokai span.cm-variable-2 { color: #9effff; } .cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef; } .cm-s-monokai span.cm-def { color: #fd971f; } .cm-s-monokai span.cm-bracket { color: #f8f8f2; } .cm-s-monokai span.cm-tag { color: #f92672; } .cm-s-monokai span.cm-header { color: #ae81ff; } .cm-s-monokai span.cm-link { color: #ae81ff; } .cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; } .cm-s-monokai .CodeMirror-activeline-background { background: #373831; } .cm-s-monokai .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!*********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/moxer.css ***! \*********************************************************************************************************************************************************************************************************************************/ /* Name: Moxer Theme Author: Mattia Astorino (http://github.com/equinusocio) Website: https://github.com/moxer-theme/moxer-code */ .cm-s-moxer.CodeMirror { background-color: #090A0F; color: #8E95B4; line-height: 1.8; } .cm-s-moxer .CodeMirror-gutters { background: #090A0F; color: #35394B; border: none; } .cm-s-moxer .CodeMirror-guttermarker, .cm-s-moxer .CodeMirror-guttermarker-subtle, .cm-s-moxer .CodeMirror-linenumber { color: #35394B; } .cm-s-moxer .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .cm-s-moxer div.CodeMirror-selected { background: rgba(128, 203, 196, 0.2); } .cm-s-moxer.CodeMirror-focused div.CodeMirror-selected { background: #212431; } .cm-s-moxer .CodeMirror-line::selection, .cm-s-moxer .CodeMirror-line>span::selection, .cm-s-moxer .CodeMirror-line>span>span::selection { background: #212431; } .cm-s-moxer .CodeMirror-line::-moz-selection, .cm-s-moxer .CodeMirror-line>span::-moz-selection, .cm-s-moxer .CodeMirror-line>span>span::-moz-selection { background: #212431; } .cm-s-moxer .CodeMirror-activeline-background, .cm-s-moxer .CodeMirror-activeline-gutter .CodeMirror-linenumber { background: rgba(33, 36, 49, 0.5); } .cm-s-moxer .cm-keyword { color: #D46C6C; } .cm-s-moxer .cm-operator { color: #D46C6C; } .cm-s-moxer .cm-variable-2 { color: #81C5DA; } .cm-s-moxer .cm-variable-3, .cm-s-moxer .cm-type { color: #f07178; } .cm-s-moxer .cm-builtin { color: #FFCB6B; } .cm-s-moxer .cm-atom { color: #A99BE2; } .cm-s-moxer .cm-number { color: #7CA4C0; } .cm-s-moxer .cm-def { color: #F5DFA5; } .cm-s-moxer .CodeMirror-line .cm-def ~ .cm-def { color: #81C5DA; } .cm-s-moxer .cm-string { color: #B2E4AE; } .cm-s-moxer .cm-string-2 { color: #f07178; } .cm-s-moxer .cm-comment { color: #3F445A; } .cm-s-moxer .cm-variable { color: #8E95B4; } .cm-s-moxer .cm-tag { color: #FF5370; } .cm-s-moxer .cm-meta { color: #FFCB6B; } .cm-s-moxer .cm-attribute { color: #C792EA; } .cm-s-moxer .cm-property { color: #81C5DA; } .cm-s-moxer .cm-qualifier { color: #DECB6B; } .cm-s-moxer .cm-variable-3, .cm-s-moxer .cm-type { color: #DECB6B; } .cm-s-moxer .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .cm-s-moxer .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/neat.css ***! \********************************************************************************************************************************************************************************************************************************/ .cm-s-neat span.cm-comment { color: #a86; } .cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; } .cm-s-neat span.cm-string { color: #a22; } .cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; } .cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; } .cm-s-neat span.cm-variable { color: black; } .cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; } .cm-s-neat span.cm-meta { color: #555; } .cm-s-neat span.cm-link { color: #3a3; } .cm-s-neat .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-neat .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/neo.css ***! \*******************************************************************************************************************************************************************************************************************************/ /* neo theme for codemirror */ /* Color scheme */ .cm-s-neo.CodeMirror { background-color:#ffffff; color:#2e383c; line-height:1.4375; } .cm-s-neo .cm-comment { color:#75787b; } .cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; } .cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; } .cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; } .cm-s-neo .cm-string { color:#b35e14; } .cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; } /* Editor styling */ .cm-s-neo pre { padding:0; } .cm-s-neo .CodeMirror-gutters { border:none; border-right:10px solid transparent; background-color:transparent; } .cm-s-neo .CodeMirror-linenumber { padding:0; color:#e0e2e5; } .cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; } .cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; } .cm-s-neo .CodeMirror-cursor { width: auto; border: 0; background: rgba(155,157,162,0.37); z-index: 1; } /*!*********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/night.css ***! \*********************************************************************************************************************************************************************************************************************************/ /* Loosely based on the Midnight Textmate theme */ .cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; } .cm-s-night div.CodeMirror-selected { background: #447; } .cm-s-night .CodeMirror-line::selection, .cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99); } .cm-s-night .CodeMirror-line::-moz-selection, .cm-s-night .CodeMirror-line > span::-moz-selection, .cm-s-night .CodeMirror-line > span > span::-moz-selection { background: rgba(68, 68, 119, .99); } .cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; } .cm-s-night .CodeMirror-guttermarker { color: white; } .cm-s-night .CodeMirror-guttermarker-subtle { color: #bbb; } .cm-s-night .CodeMirror-linenumber { color: #f8f8f8; } .cm-s-night .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-night span.cm-comment { color: #8900d1; } .cm-s-night span.cm-atom { color: #845dc4; } .cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; } .cm-s-night span.cm-keyword { color: #599eff; } .cm-s-night span.cm-string { color: #37f14a; } .cm-s-night span.cm-meta { color: #7678e2; } .cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; } .cm-s-night span.cm-variable-3, .cm-s-night span.cm-def, .cm-s-night span.cm-type { color: white; } .cm-s-night span.cm-bracket { color: #8da6ce; } .cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; } .cm-s-night span.cm-link { color: #845dc4; } .cm-s-night span.cm-error { color: #9d1e15; } .cm-s-night .CodeMirror-activeline-background { background: #1C005A; } .cm-s-night .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/nord.css ***! \********************************************************************************************************************************************************************************************************************************/ /* Based on arcticicestudio's Nord theme */ /* https://github.com/arcticicestudio/nord */ .cm-s-nord.CodeMirror { background: #2e3440; color: #d8dee9; } .cm-s-nord div.CodeMirror-selected { background: #434c5e; } .cm-s-nord .CodeMirror-line::selection, .cm-s-nord .CodeMirror-line > span::selection, .cm-s-nord .CodeMirror-line > span > span::selection { background: #3b4252; } .cm-s-nord .CodeMirror-line::-moz-selection, .cm-s-nord .CodeMirror-line > span::-moz-selection, .cm-s-nord .CodeMirror-line > span > span::-moz-selection { background: #3b4252; } .cm-s-nord .CodeMirror-gutters { background: #2e3440; border-right: 0px; } .cm-s-nord .CodeMirror-guttermarker { color: #4c566a; } .cm-s-nord .CodeMirror-guttermarker-subtle { color: #4c566a; } .cm-s-nord .CodeMirror-linenumber { color: #4c566a; } .cm-s-nord .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } .cm-s-nord span.cm-comment { color: #4c566a; } .cm-s-nord span.cm-atom { color: #b48ead; } .cm-s-nord span.cm-number { color: #b48ead; } .cm-s-nord span.cm-comment.cm-attribute { color: #97b757; } .cm-s-nord span.cm-comment.cm-def { color: #bc9262; } .cm-s-nord span.cm-comment.cm-tag { color: #bc6283; } .cm-s-nord span.cm-comment.cm-type { color: #5998a6; } .cm-s-nord span.cm-property, .cm-s-nord span.cm-attribute { color: #8FBCBB; } .cm-s-nord span.cm-keyword { color: #81A1C1; } .cm-s-nord span.cm-builtin { color: #81A1C1; } .cm-s-nord span.cm-string { color: #A3BE8C; } .cm-s-nord span.cm-variable { color: #d8dee9; } .cm-s-nord span.cm-variable-2 { color: #d8dee9; } .cm-s-nord span.cm-variable-3, .cm-s-nord span.cm-type { color: #d8dee9; } .cm-s-nord span.cm-def { color: #8FBCBB; } .cm-s-nord span.cm-bracket { color: #81A1C1; } .cm-s-nord span.cm-tag { color: #bf616a; } .cm-s-nord span.cm-header { color: #b48ead; } .cm-s-nord span.cm-link { color: #b48ead; } .cm-s-nord span.cm-error { background: #bf616a; color: #f8f8f0; } .cm-s-nord .CodeMirror-activeline-background { background: #3b4252; } .cm-s-nord .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/oceanic-next.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* Name: oceanic-next Author: Filype Pereira (https://github.com/fpereira1) Original oceanic-next color scheme by Dmitri Voronianski (https://github.com/voronianski/oceanic-next-color-scheme) */ .cm-s-oceanic-next.CodeMirror { background: #304148; color: #f8f8f2; } .cm-s-oceanic-next div.CodeMirror-selected { background: rgba(101, 115, 126, 0.33); } .cm-s-oceanic-next .CodeMirror-line::selection, .cm-s-oceanic-next .CodeMirror-line > span::selection, .cm-s-oceanic-next .CodeMirror-line > span > span::selection { background: rgba(101, 115, 126, 0.33); } .cm-s-oceanic-next .CodeMirror-line::-moz-selection, .cm-s-oceanic-next .CodeMirror-line > span::-moz-selection, .cm-s-oceanic-next .CodeMirror-line > span > span::-moz-selection { background: rgba(101, 115, 126, 0.33); } .cm-s-oceanic-next .CodeMirror-gutters { background: #304148; border-right: 10px; } .cm-s-oceanic-next .CodeMirror-guttermarker { color: white; } .cm-s-oceanic-next .CodeMirror-guttermarker-subtle { color: #d0d0d0; } .cm-s-oceanic-next .CodeMirror-linenumber { color: #d0d0d0; } .cm-s-oceanic-next .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } .cm-s-oceanic-next.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important; } .cm-s-oceanic-next .cm-animate-fat-cursor { background-color: #a2a8a175 !important; } .cm-s-oceanic-next span.cm-comment { color: #65737E; } .cm-s-oceanic-next span.cm-atom { color: #C594C5; } .cm-s-oceanic-next span.cm-number { color: #F99157; } .cm-s-oceanic-next span.cm-property { color: #99C794; } .cm-s-oceanic-next span.cm-attribute, .cm-s-oceanic-next span.cm-keyword { color: #C594C5; } .cm-s-oceanic-next span.cm-builtin { color: #66d9ef; } .cm-s-oceanic-next span.cm-string { color: #99C794; } .cm-s-oceanic-next span.cm-variable, .cm-s-oceanic-next span.cm-variable-2, .cm-s-oceanic-next span.cm-variable-3 { color: #f8f8f2; } .cm-s-oceanic-next span.cm-def { color: #6699CC; } .cm-s-oceanic-next span.cm-bracket { color: #5FB3B3; } .cm-s-oceanic-next span.cm-tag { color: #C594C5; } .cm-s-oceanic-next span.cm-header { color: #C594C5; } .cm-s-oceanic-next span.cm-link { color: #C594C5; } .cm-s-oceanic-next span.cm-error { background: #C594C5; color: #f8f8f0; } .cm-s-oceanic-next .CodeMirror-activeline-background { background: rgba(101, 115, 126, 0.33); } .cm-s-oceanic-next .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/panda-syntax.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* Name: Panda Syntax Author: Siamak Mokhtari (http://github.com/siamak/) CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax) */ .cm-s-panda-syntax { background: #292A2B; color: #E6E6E6; line-height: 1.5; font-family: 'Operator Mono', 'Source Code Pro', Menlo, Monaco, Consolas, Courier New, monospace; } .cm-s-panda-syntax .CodeMirror-cursor { border-color: #ff2c6d; } .cm-s-panda-syntax .CodeMirror-activeline-background { background: rgba(99, 123, 156, 0.1); } .cm-s-panda-syntax .CodeMirror-selected { background: #FFF; } .cm-s-panda-syntax .cm-comment { font-style: italic; color: #676B79; } .cm-s-panda-syntax .cm-operator { color: #f3f3f3; } .cm-s-panda-syntax .cm-string { color: #19F9D8; } .cm-s-panda-syntax .cm-string-2 { color: #FFB86C; } .cm-s-panda-syntax .cm-tag { color: #ff2c6d; } .cm-s-panda-syntax .cm-meta { color: #b084eb; } .cm-s-panda-syntax .cm-number { color: #FFB86C; } .cm-s-panda-syntax .cm-atom { color: #ff2c6d; } .cm-s-panda-syntax .cm-keyword { color: #FF75B5; } .cm-s-panda-syntax .cm-variable { color: #ffb86c; } .cm-s-panda-syntax .cm-variable-2 { color: #ff9ac1; } .cm-s-panda-syntax .cm-variable-3, .cm-s-panda-syntax .cm-type { color: #ff9ac1; } .cm-s-panda-syntax .cm-def { color: #e6e6e6; } .cm-s-panda-syntax .cm-property { color: #f3f3f3; } .cm-s-panda-syntax .cm-unit { color: #ffb86c; } .cm-s-panda-syntax .cm-attribute { color: #ffb86c; } .cm-s-panda-syntax .CodeMirror-matchingbracket { border-bottom: 1px dotted #19F9D8; padding-bottom: 2px; color: #e6e6e6; } .cm-s-panda-syntax .CodeMirror-gutters { background: #292a2b; border-right-color: rgba(255, 255, 255, 0.1); } .cm-s-panda-syntax .CodeMirror-linenumber { color: #e6e6e6; opacity: 0.6; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/paraiso-dark.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* Name: Paraíso (Dark) Author: Jan T. Sott Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror) Inspired by the art of Rubens LP (http://www.rubenslp.com.br) */ .cm-s-paraiso-dark.CodeMirror { background: #2f1e2e; color: #b9b6b0; } .cm-s-paraiso-dark div.CodeMirror-selected { background: #41323f; } .cm-s-paraiso-dark .CodeMirror-line::selection, .cm-s-paraiso-dark .CodeMirror-line > span::selection, .cm-s-paraiso-dark .CodeMirror-line > span > span::selection { background: rgba(65, 50, 63, .99); } .cm-s-paraiso-dark .CodeMirror-line::-moz-selection, .cm-s-paraiso-dark .CodeMirror-line > span::-moz-selection, .cm-s-paraiso-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(65, 50, 63, .99); } .cm-s-paraiso-dark .CodeMirror-gutters { background: #2f1e2e; border-right: 0px; } .cm-s-paraiso-dark .CodeMirror-guttermarker { color: #ef6155; } .cm-s-paraiso-dark .CodeMirror-guttermarker-subtle { color: #776e71; } .cm-s-paraiso-dark .CodeMirror-linenumber { color: #776e71; } .cm-s-paraiso-dark .CodeMirror-cursor { border-left: 1px solid #8d8687; } .cm-s-paraiso-dark span.cm-comment { color: #e96ba8; } .cm-s-paraiso-dark span.cm-atom { color: #815ba4; } .cm-s-paraiso-dark span.cm-number { color: #815ba4; } .cm-s-paraiso-dark span.cm-property, .cm-s-paraiso-dark span.cm-attribute { color: #48b685; } .cm-s-paraiso-dark span.cm-keyword { color: #ef6155; } .cm-s-paraiso-dark span.cm-string { color: #fec418; } .cm-s-paraiso-dark span.cm-variable { color: #48b685; } .cm-s-paraiso-dark span.cm-variable-2 { color: #06b6ef; } .cm-s-paraiso-dark span.cm-def { color: #f99b15; } .cm-s-paraiso-dark span.cm-bracket { color: #b9b6b0; } .cm-s-paraiso-dark span.cm-tag { color: #ef6155; } .cm-s-paraiso-dark span.cm-link { color: #815ba4; } .cm-s-paraiso-dark span.cm-error { background: #ef6155; color: #8d8687; } .cm-s-paraiso-dark .CodeMirror-activeline-background { background: #4D344A; } .cm-s-paraiso-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/paraiso-light.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* Name: Paraíso (Light) Author: Jan T. Sott Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror) Inspired by the art of Rubens LP (http://www.rubenslp.com.br) */ .cm-s-paraiso-light.CodeMirror { background: #e7e9db; color: #41323f; } .cm-s-paraiso-light div.CodeMirror-selected { background: #b9b6b0; } .cm-s-paraiso-light .CodeMirror-line::selection, .cm-s-paraiso-light .CodeMirror-line > span::selection, .cm-s-paraiso-light .CodeMirror-line > span > span::selection { background: #b9b6b0; } .cm-s-paraiso-light .CodeMirror-line::-moz-selection, .cm-s-paraiso-light .CodeMirror-line > span::-moz-selection, .cm-s-paraiso-light .CodeMirror-line > span > span::-moz-selection { background: #b9b6b0; } .cm-s-paraiso-light .CodeMirror-gutters { background: #e7e9db; border-right: 0px; } .cm-s-paraiso-light .CodeMirror-guttermarker { color: black; } .cm-s-paraiso-light .CodeMirror-guttermarker-subtle { color: #8d8687; } .cm-s-paraiso-light .CodeMirror-linenumber { color: #8d8687; } .cm-s-paraiso-light .CodeMirror-cursor { border-left: 1px solid #776e71; } .cm-s-paraiso-light span.cm-comment { color: #e96ba8; } .cm-s-paraiso-light span.cm-atom { color: #815ba4; } .cm-s-paraiso-light span.cm-number { color: #815ba4; } .cm-s-paraiso-light span.cm-property, .cm-s-paraiso-light span.cm-attribute { color: #48b685; } .cm-s-paraiso-light span.cm-keyword { color: #ef6155; } .cm-s-paraiso-light span.cm-string { color: #fec418; } .cm-s-paraiso-light span.cm-variable { color: #48b685; } .cm-s-paraiso-light span.cm-variable-2 { color: #06b6ef; } .cm-s-paraiso-light span.cm-def { color: #f99b15; } .cm-s-paraiso-light span.cm-bracket { color: #41323f; } .cm-s-paraiso-light span.cm-tag { color: #ef6155; } .cm-s-paraiso-light span.cm-link { color: #815ba4; } .cm-s-paraiso-light span.cm-error { background: #ef6155; color: #776e71; } .cm-s-paraiso-light .CodeMirror-activeline-background { background: #CFD1C4; } .cm-s-paraiso-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/pastel-on-dark.css ***! \******************************************************************************************************************************************************************************************************************************************/ /** * Pastel On Dark theme ported from ACE editor * @license MIT * @copyright AtomicPages LLC 2014 * @author Dennis Thompson, AtomicPages LLC * @version 1.1 * @source https://github.com/atomicpages/codemirror-pastel-on-dark-theme */ .cm-s-pastel-on-dark.CodeMirror { background: #2c2827; color: #8F938F; line-height: 1.5; } .cm-s-pastel-on-dark div.CodeMirror-selected { background: rgba(221,240,255,0.2); } .cm-s-pastel-on-dark .CodeMirror-line::selection, .cm-s-pastel-on-dark .CodeMirror-line > span::selection, .cm-s-pastel-on-dark .CodeMirror-line > span > span::selection { background: rgba(221,240,255,0.2); } .cm-s-pastel-on-dark .CodeMirror-line::-moz-selection, .cm-s-pastel-on-dark .CodeMirror-line > span::-moz-selection, .cm-s-pastel-on-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(221,240,255,0.2); } .cm-s-pastel-on-dark .CodeMirror-gutters { background: #34302f; border-right: 0px; padding: 0 3px; } .cm-s-pastel-on-dark .CodeMirror-guttermarker { color: white; } .cm-s-pastel-on-dark .CodeMirror-guttermarker-subtle { color: #8F938F; } .cm-s-pastel-on-dark .CodeMirror-linenumber { color: #8F938F; } .cm-s-pastel-on-dark .CodeMirror-cursor { border-left: 1px solid #A7A7A7; } .cm-s-pastel-on-dark span.cm-comment { color: #A6C6FF; } .cm-s-pastel-on-dark span.cm-atom { color: #DE8E30; } .cm-s-pastel-on-dark span.cm-number { color: #CCCCCC; } .cm-s-pastel-on-dark span.cm-property { color: #8F938F; } .cm-s-pastel-on-dark span.cm-attribute { color: #a6e22e; } .cm-s-pastel-on-dark span.cm-keyword { color: #AEB2F8; } .cm-s-pastel-on-dark span.cm-string { color: #66A968; } .cm-s-pastel-on-dark span.cm-variable { color: #AEB2F8; } .cm-s-pastel-on-dark span.cm-variable-2 { color: #BEBF55; } .cm-s-pastel-on-dark span.cm-variable-3, .cm-s-pastel-on-dark span.cm-type { color: #DE8E30; } .cm-s-pastel-on-dark span.cm-def { color: #757aD8; } .cm-s-pastel-on-dark span.cm-bracket { color: #f8f8f2; } .cm-s-pastel-on-dark span.cm-tag { color: #C1C144; } .cm-s-pastel-on-dark span.cm-link { color: #ae81ff; } .cm-s-pastel-on-dark span.cm-qualifier,.cm-s-pastel-on-dark span.cm-builtin { color: #C1C144; } .cm-s-pastel-on-dark span.cm-error { background: #757aD8; color: #f8f8f0; } .cm-s-pastel-on-dark .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.031); } .cm-s-pastel-on-dark .CodeMirror-matchingbracket { border: 1px solid rgba(255,255,255,0.25); color: #8F938F !important; margin: -1px -1px 0 -1px; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/railscasts.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* Name: Railscasts Author: Ryan Bates (http://railscasts.com) CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-railscasts.CodeMirror {background: #2b2b2b; color: #f4f1ed;} .cm-s-railscasts div.CodeMirror-selected {background: #272935 !important;} .cm-s-railscasts .CodeMirror-gutters {background: #2b2b2b; border-right: 0px;} .cm-s-railscasts .CodeMirror-linenumber {color: #5a647e;} .cm-s-railscasts .CodeMirror-cursor {border-left: 1px solid #d4cfc9 !important;} .cm-s-railscasts span.cm-comment {color: #bc9458;} .cm-s-railscasts span.cm-atom {color: #b6b3eb;} .cm-s-railscasts span.cm-number {color: #b6b3eb;} .cm-s-railscasts span.cm-property, .cm-s-railscasts span.cm-attribute {color: #a5c261;} .cm-s-railscasts span.cm-keyword {color: #da4939;} .cm-s-railscasts span.cm-string {color: #ffc66d;} .cm-s-railscasts span.cm-variable {color: #a5c261;} .cm-s-railscasts span.cm-variable-2 {color: #6d9cbe;} .cm-s-railscasts span.cm-def {color: #cc7833;} .cm-s-railscasts span.cm-error {background: #da4939; color: #d4cfc9;} .cm-s-railscasts span.cm-bracket {color: #f4f1ed;} .cm-s-railscasts span.cm-tag {color: #da4939;} .cm-s-railscasts span.cm-link {color: #b6b3eb;} .cm-s-railscasts .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;} .cm-s-railscasts .CodeMirror-activeline-background { background: #303040; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/rubyblue.css ***! \************************************************************************************************************************************************************************************************************************************/ .cm-s-rubyblue.CodeMirror { background: #112435; color: white; } .cm-s-rubyblue div.CodeMirror-selected { background: #38566F; } .cm-s-rubyblue .CodeMirror-line::selection, .cm-s-rubyblue .CodeMirror-line > span::selection, .cm-s-rubyblue .CodeMirror-line > span > span::selection { background: rgba(56, 86, 111, 0.99); } .cm-s-rubyblue .CodeMirror-line::-moz-selection, .cm-s-rubyblue .CodeMirror-line > span::-moz-selection, .cm-s-rubyblue .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 86, 111, 0.99); } .cm-s-rubyblue .CodeMirror-gutters { background: #1F4661; border-right: 7px solid #3E7087; } .cm-s-rubyblue .CodeMirror-guttermarker { color: white; } .cm-s-rubyblue .CodeMirror-guttermarker-subtle { color: #3E7087; } .cm-s-rubyblue .CodeMirror-linenumber { color: white; } .cm-s-rubyblue .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-rubyblue span.cm-comment { color: #999; font-style:italic; line-height: 1em; } .cm-s-rubyblue span.cm-atom { color: #F4C20B; } .cm-s-rubyblue span.cm-number, .cm-s-rubyblue span.cm-attribute { color: #82C6E0; } .cm-s-rubyblue span.cm-keyword { color: #F0F; } .cm-s-rubyblue span.cm-string { color: #F08047; } .cm-s-rubyblue span.cm-meta { color: #F0F; } .cm-s-rubyblue span.cm-variable-2, .cm-s-rubyblue span.cm-tag { color: #7BD827; } .cm-s-rubyblue span.cm-variable-3, .cm-s-rubyblue span.cm-def, .cm-s-rubyblue span.cm-type { color: white; } .cm-s-rubyblue span.cm-bracket { color: #F0F; } .cm-s-rubyblue span.cm-link { color: #F4C20B; } .cm-s-rubyblue span.CodeMirror-matchingbracket { color:#F0F !important; } .cm-s-rubyblue span.cm-builtin, .cm-s-rubyblue span.cm-special { color: #FF9D00; } .cm-s-rubyblue span.cm-error { color: #AF2018; } .cm-s-rubyblue .CodeMirror-activeline-background { background: #173047; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/seti.css ***! \********************************************************************************************************************************************************************************************************************************/ /* Name: seti Author: Michael Kaminsky (http://github.com/mkaminsky11) Original seti color scheme by Jesse Weed (https://github.com/jesseweed/seti-syntax) */ .cm-s-seti.CodeMirror { background-color: #151718 !important; color: #CFD2D1 !important; border: none; } .cm-s-seti .CodeMirror-gutters { color: #404b53; background-color: #0E1112; border: none; } .cm-s-seti .CodeMirror-cursor { border-left: solid thin #f8f8f0; } .cm-s-seti .CodeMirror-linenumber { color: #6D8A88; } .cm-s-seti.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); } .cm-s-seti .CodeMirror-line::selection, .cm-s-seti .CodeMirror-line > span::selection, .cm-s-seti .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); } .cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); } .cm-s-seti span.cm-comment { color: #41535b; } .cm-s-seti span.cm-string, .cm-s-seti span.cm-string-2 { color: #55b5db; } .cm-s-seti span.cm-number { color: #cd3f45; } .cm-s-seti span.cm-variable { color: #55b5db; } .cm-s-seti span.cm-variable-2 { color: #a074c4; } .cm-s-seti span.cm-def { color: #55b5db; } .cm-s-seti span.cm-keyword { color: #ff79c6; } .cm-s-seti span.cm-operator { color: #9fca56; } .cm-s-seti span.cm-keyword { color: #e6cd69; } .cm-s-seti span.cm-atom { color: #cd3f45; } .cm-s-seti span.cm-meta { color: #55b5db; } .cm-s-seti span.cm-tag { color: #55b5db; } .cm-s-seti span.cm-attribute { color: #9fca56; } .cm-s-seti span.cm-qualifier { color: #9fca56; } .cm-s-seti span.cm-property { color: #a074c4; } .cm-s-seti span.cm-variable-3, .cm-s-seti span.cm-type { color: #9fca56; } .cm-s-seti span.cm-builtin { color: #9fca56; } .cm-s-seti .CodeMirror-activeline-background { background: #101213; } .cm-s-seti .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/shadowfox.css ***! \*************************************************************************************************************************************************************************************************************************************/ /* Name: shadowfox Author: overdodactyl (http://github.com/overdodactyl) Original shadowfox color scheme by Firefox */ .cm-s-shadowfox.CodeMirror { background: #2a2a2e; color: #b1b1b3; } .cm-s-shadowfox div.CodeMirror-selected { background: #353B48; } .cm-s-shadowfox .CodeMirror-line::selection, .cm-s-shadowfox .CodeMirror-line > span::selection, .cm-s-shadowfox .CodeMirror-line > span > span::selection { background: #353B48; } .cm-s-shadowfox .CodeMirror-line::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span > span::-moz-selection { background: #353B48; } .cm-s-shadowfox .CodeMirror-gutters { background: #0c0c0d ; border-right: 1px solid #0c0c0d; } .cm-s-shadowfox .CodeMirror-guttermarker { color: #555; } .cm-s-shadowfox .CodeMirror-linenumber { color: #939393; } .cm-s-shadowfox .CodeMirror-cursor { border-left: 1px solid #fff; } .cm-s-shadowfox span.cm-comment { color: #939393; } .cm-s-shadowfox span.cm-atom { color: #FF7DE9; } .cm-s-shadowfox span.cm-quote { color: #FF7DE9; } .cm-s-shadowfox span.cm-builtin { color: #FF7DE9; } .cm-s-shadowfox span.cm-attribute { color: #FF7DE9; } .cm-s-shadowfox span.cm-keyword { color: #FF7DE9; } .cm-s-shadowfox span.cm-error { color: #FF7DE9; } .cm-s-shadowfox span.cm-number { color: #6B89FF; } .cm-s-shadowfox span.cm-string { color: #6B89FF; } .cm-s-shadowfox span.cm-string-2 { color: #6B89FF; } .cm-s-shadowfox span.cm-meta { color: #939393; } .cm-s-shadowfox span.cm-hr { color: #939393; } .cm-s-shadowfox span.cm-header { color: #75BFFF; } .cm-s-shadowfox span.cm-qualifier { color: #75BFFF; } .cm-s-shadowfox span.cm-variable-2 { color: #75BFFF; } .cm-s-shadowfox span.cm-property { color: #86DE74; } .cm-s-shadowfox span.cm-def { color: #75BFFF; } .cm-s-shadowfox span.cm-bracket { color: #75BFFF; } .cm-s-shadowfox span.cm-tag { color: #75BFFF; } .cm-s-shadowfox span.cm-link:visited { color: #75BFFF; } .cm-s-shadowfox span.cm-variable { color: #B98EFF; } .cm-s-shadowfox span.cm-variable-3 { color: #d7d7db; } .cm-s-shadowfox span.cm-link { color: #737373; } .cm-s-shadowfox span.cm-operator { color: #b1b1b3; } .cm-s-shadowfox span.cm-special { color: #d7d7db; } .cm-s-shadowfox .CodeMirror-activeline-background { background: rgba(185, 215, 253, .15) } .cm-s-shadowfox .CodeMirror-matchingbracket { outline: solid 1px rgba(255, 255, 255, .25); color: white !important; } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/solarized.css ***! \*************************************************************************************************************************************************************************************************************************************/ /* Solarized theme for code-mirror http://ethanschoonover.com/solarized */ /* Solarized color palette http://ethanschoonover.com/solarized/img/solarized-palette.png */ .solarized.base03 { color: #002b36; } .solarized.base02 { color: #073642; } .solarized.base01 { color: #586e75; } .solarized.base00 { color: #657b83; } .solarized.base0 { color: #839496; } .solarized.base1 { color: #93a1a1; } .solarized.base2 { color: #eee8d5; } .solarized.base3 { color: #fdf6e3; } .solarized.solar-yellow { color: #b58900; } .solarized.solar-orange { color: #cb4b16; } .solarized.solar-red { color: #dc322f; } .solarized.solar-magenta { color: #d33682; } .solarized.solar-violet { color: #6c71c4; } .solarized.solar-blue { color: #268bd2; } .solarized.solar-cyan { color: #2aa198; } .solarized.solar-green { color: #859900; } /* Color scheme for code-mirror */ .cm-s-solarized { line-height: 1.45em; color-profile: sRGB; rendering-intent: auto; } .cm-s-solarized.cm-s-dark { color: #839496; background-color: #002b36; } .cm-s-solarized.cm-s-light { background-color: #fdf6e3; color: #657b83; } .cm-s-solarized .CodeMirror-widget { text-shadow: none; } .cm-s-solarized .cm-header { color: #586e75; } .cm-s-solarized .cm-quote { color: #93a1a1; } .cm-s-solarized .cm-keyword { color: #cb4b16; } .cm-s-solarized .cm-atom { color: #d33682; } .cm-s-solarized .cm-number { color: #d33682; } .cm-s-solarized .cm-def { color: #2aa198; } .cm-s-solarized .cm-variable { color: #839496; } .cm-s-solarized .cm-variable-2 { color: #b58900; } .cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; } .cm-s-solarized .cm-property { color: #2aa198; } .cm-s-solarized .cm-operator { color: #6c71c4; } .cm-s-solarized .cm-comment { color: #586e75; font-style:italic; } .cm-s-solarized .cm-string { color: #859900; } .cm-s-solarized .cm-string-2 { color: #b58900; } .cm-s-solarized .cm-meta { color: #859900; } .cm-s-solarized .cm-qualifier { color: #b58900; } .cm-s-solarized .cm-builtin { color: #d33682; } .cm-s-solarized .cm-bracket { color: #cb4b16; } .cm-s-solarized .CodeMirror-matchingbracket { color: #859900; } .cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; } .cm-s-solarized .cm-tag { color: #93a1a1; } .cm-s-solarized .cm-attribute { color: #2aa198; } .cm-s-solarized .cm-hr { color: transparent; border-top: 1px solid #586e75; display: block; } .cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; } .cm-s-solarized .cm-special { color: #6c71c4; } .cm-s-solarized .cm-em { color: #999; text-decoration: underline; text-decoration-style: dotted; } .cm-s-solarized .cm-error, .cm-s-solarized .cm-invalidchar { color: #586e75; border-bottom: 1px dotted #dc322f; } .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; } .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); } .cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); } .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; } .cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5; } .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; } /* Editor styling */ /* Little shadow on the view-port of the buffer view */ .cm-s-solarized.CodeMirror { box-shadow: inset 7px 0 12px -6px #000; } /* Remove gutter border */ .cm-s-solarized .CodeMirror-gutters { border-right: 0; } /* Gutter colors and line number styling based of color scheme (dark / light) */ /* Dark */ .cm-s-solarized.cm-s-dark .CodeMirror-gutters { background-color: #073642; } .cm-s-solarized.cm-s-dark .CodeMirror-linenumber { color: #586e75; } /* Light */ .cm-s-solarized.cm-s-light .CodeMirror-gutters { background-color: #eee8d5; } .cm-s-solarized.cm-s-light .CodeMirror-linenumber { color: #839496; } /* Common */ .cm-s-solarized .CodeMirror-linenumber { padding: 0 5px; } .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; } .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; } .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; } .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text { color: #586e75; } /* Cursor */ .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; } /* Fat cursor */ .cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; } .cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; } .cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; } .cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; } /* Active line */ .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.06); } .cm-s-solarized.cm-s-light .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.06); } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/ssms.css ***! \********************************************************************************************************************************************************************************************************************************/ .cm-s-ssms span.cm-keyword { color: blue; } .cm-s-ssms span.cm-comment { color: darkgreen; } .cm-s-ssms span.cm-string { color: red; } .cm-s-ssms span.cm-def { color: black; } .cm-s-ssms span.cm-variable { color: black; } .cm-s-ssms span.cm-variable-2 { color: black; } .cm-s-ssms span.cm-atom { color: darkgray; } .cm-s-ssms .CodeMirror-linenumber { color: teal; } .cm-s-ssms .CodeMirror-activeline-background { background: #ffffff; } .cm-s-ssms span.cm-string-2 { color: #FF00FF; } .cm-s-ssms span.cm-operator, .cm-s-ssms span.cm-bracket, .cm-s-ssms span.cm-punctuation { color: darkgray; } .cm-s-ssms .CodeMirror-gutters { border-right: 3px solid #ffee62; background-color: #ffffff; } .cm-s-ssms div.CodeMirror-selected { background: #ADD6FF; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/the-matrix.css ***! \**************************************************************************************************************************************************************************************************************************************/ .cm-s-the-matrix.CodeMirror { background: #000000; color: #00FF00; } .cm-s-the-matrix div.CodeMirror-selected { background: #2D2D2D; } .cm-s-the-matrix .CodeMirror-line::selection, .cm-s-the-matrix .CodeMirror-line > span::selection, .cm-s-the-matrix .CodeMirror-line > span > span::selection { background: rgba(45, 45, 45, 0.99); } .cm-s-the-matrix .CodeMirror-line::-moz-selection, .cm-s-the-matrix .CodeMirror-line > span::-moz-selection, .cm-s-the-matrix .CodeMirror-line > span > span::-moz-selection { background: rgba(45, 45, 45, 0.99); } .cm-s-the-matrix .CodeMirror-gutters { background: #060; border-right: 2px solid #00FF00; } .cm-s-the-matrix .CodeMirror-guttermarker { color: #0f0; } .cm-s-the-matrix .CodeMirror-guttermarker-subtle { color: white; } .cm-s-the-matrix .CodeMirror-linenumber { color: #FFFFFF; } .cm-s-the-matrix .CodeMirror-cursor { border-left: 1px solid #00FF00; } .cm-s-the-matrix span.cm-keyword { color: #008803; font-weight: bold; } .cm-s-the-matrix span.cm-atom { color: #3FF; } .cm-s-the-matrix span.cm-number { color: #FFB94F; } .cm-s-the-matrix span.cm-def { color: #99C; } .cm-s-the-matrix span.cm-variable { color: #F6C; } .cm-s-the-matrix span.cm-variable-2 { color: #C6F; } .cm-s-the-matrix span.cm-variable-3, .cm-s-the-matrix span.cm-type { color: #96F; } .cm-s-the-matrix span.cm-property { color: #62FFA0; } .cm-s-the-matrix span.cm-operator { color: #999; } .cm-s-the-matrix span.cm-comment { color: #CCCCCC; } .cm-s-the-matrix span.cm-string { color: #39C; } .cm-s-the-matrix span.cm-meta { color: #C9F; } .cm-s-the-matrix span.cm-qualifier { color: #FFF700; } .cm-s-the-matrix span.cm-builtin { color: #30a; } .cm-s-the-matrix span.cm-bracket { color: #cc7; } .cm-s-the-matrix span.cm-tag { color: #FFBD40; } .cm-s-the-matrix span.cm-attribute { color: #FFF700; } .cm-s-the-matrix span.cm-error { color: #FF0000; } .cm-s-the-matrix .CodeMirror-activeline-background { background: #040; } /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/tomorrow-night-bright.css ***! \*************************************************************************************************************************************************************************************************************************************************/ /* Name: Tomorrow Night - Bright Author: Chris Kempson Port done by Gerard Braad */ .cm-s-tomorrow-night-bright.CodeMirror { background: #000000; color: #eaeaea; } .cm-s-tomorrow-night-bright div.CodeMirror-selected { background: #424242; } .cm-s-tomorrow-night-bright .CodeMirror-gutters { background: #000000; border-right: 0px; } .cm-s-tomorrow-night-bright .CodeMirror-guttermarker { color: #e78c45; } .cm-s-tomorrow-night-bright .CodeMirror-guttermarker-subtle { color: #777; } .cm-s-tomorrow-night-bright .CodeMirror-linenumber { color: #424242; } .cm-s-tomorrow-night-bright .CodeMirror-cursor { border-left: 1px solid #6A6A6A; } .cm-s-tomorrow-night-bright span.cm-comment { color: #d27b53; } .cm-s-tomorrow-night-bright span.cm-atom { color: #a16a94; } .cm-s-tomorrow-night-bright span.cm-number { color: #a16a94; } .cm-s-tomorrow-night-bright span.cm-property, .cm-s-tomorrow-night-bright span.cm-attribute { color: #99cc99; } .cm-s-tomorrow-night-bright span.cm-keyword { color: #d54e53; } .cm-s-tomorrow-night-bright span.cm-string { color: #e7c547; } .cm-s-tomorrow-night-bright span.cm-variable { color: #b9ca4a; } .cm-s-tomorrow-night-bright span.cm-variable-2 { color: #7aa6da; } .cm-s-tomorrow-night-bright span.cm-def { color: #e78c45; } .cm-s-tomorrow-night-bright span.cm-bracket { color: #eaeaea; } .cm-s-tomorrow-night-bright span.cm-tag { color: #d54e53; } .cm-s-tomorrow-night-bright span.cm-link { color: #a16a94; } .cm-s-tomorrow-night-bright span.cm-error { background: #d54e53; color: #6A6A6A; } .cm-s-tomorrow-night-bright .CodeMirror-activeline-background { background: #2a2a2a; } .cm-s-tomorrow-night-bright .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/tomorrow-night-eighties.css ***! \***************************************************************************************************************************************************************************************************************************************************/ /* Name: Tomorrow Night - Eighties Author: Chris Kempson CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror) Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ .cm-s-tomorrow-night-eighties.CodeMirror { background: #000000; color: #CCCCCC; } .cm-s-tomorrow-night-eighties div.CodeMirror-selected { background: #2D2D2D; } .cm-s-tomorrow-night-eighties .CodeMirror-line::selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span::selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::selection { background: rgba(45, 45, 45, 0.99); } .cm-s-tomorrow-night-eighties .CodeMirror-line::-moz-selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span::-moz-selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::-moz-selection { background: rgba(45, 45, 45, 0.99); } .cm-s-tomorrow-night-eighties .CodeMirror-gutters { background: #000000; border-right: 0px; } .cm-s-tomorrow-night-eighties .CodeMirror-guttermarker { color: #f2777a; } .cm-s-tomorrow-night-eighties .CodeMirror-guttermarker-subtle { color: #777; } .cm-s-tomorrow-night-eighties .CodeMirror-linenumber { color: #515151; } .cm-s-tomorrow-night-eighties .CodeMirror-cursor { border-left: 1px solid #6A6A6A; } .cm-s-tomorrow-night-eighties span.cm-comment { color: #d27b53; } .cm-s-tomorrow-night-eighties span.cm-atom { color: #a16a94; } .cm-s-tomorrow-night-eighties span.cm-number { color: #a16a94; } .cm-s-tomorrow-night-eighties span.cm-property, .cm-s-tomorrow-night-eighties span.cm-attribute { color: #99cc99; } .cm-s-tomorrow-night-eighties span.cm-keyword { color: #f2777a; } .cm-s-tomorrow-night-eighties span.cm-string { color: #ffcc66; } .cm-s-tomorrow-night-eighties span.cm-variable { color: #99cc99; } .cm-s-tomorrow-night-eighties span.cm-variable-2 { color: #6699cc; } .cm-s-tomorrow-night-eighties span.cm-def { color: #f99157; } .cm-s-tomorrow-night-eighties span.cm-bracket { color: #CCCCCC; } .cm-s-tomorrow-night-eighties span.cm-tag { color: #f2777a; } .cm-s-tomorrow-night-eighties span.cm-link { color: #a16a94; } .cm-s-tomorrow-night-eighties span.cm-error { background: #f2777a; color: #6A6A6A; } .cm-s-tomorrow-night-eighties .CodeMirror-activeline-background { background: #343600; } .cm-s-tomorrow-night-eighties .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/ttcn.css ***! \********************************************************************************************************************************************************************************************************************************/ .cm-s-ttcn .cm-quote { color: #090; } .cm-s-ttcn .cm-negative { color: #d44; } .cm-s-ttcn .cm-positive { color: #292; } .cm-s-ttcn .cm-header, .cm-strong { font-weight: bold; } .cm-s-ttcn .cm-em { font-style: italic; } .cm-s-ttcn .cm-link { text-decoration: underline; } .cm-s-ttcn .cm-strikethrough { text-decoration: line-through; } .cm-s-ttcn .cm-header { color: #00f; font-weight: bold; } .cm-s-ttcn .cm-atom { color: #219; } .cm-s-ttcn .cm-attribute { color: #00c; } .cm-s-ttcn .cm-bracket { color: #997; } .cm-s-ttcn .cm-comment { color: #333333; } .cm-s-ttcn .cm-def { color: #00f; } .cm-s-ttcn .cm-em { font-style: italic; } .cm-s-ttcn .cm-error { color: #f00; } .cm-s-ttcn .cm-hr { color: #999; } .cm-s-ttcn .cm-invalidchar { color: #f00; } .cm-s-ttcn .cm-keyword { font-weight:bold; } .cm-s-ttcn .cm-link { color: #00c; text-decoration: underline; } .cm-s-ttcn .cm-meta { color: #555; } .cm-s-ttcn .cm-negative { color: #d44; } .cm-s-ttcn .cm-positive { color: #292; } .cm-s-ttcn .cm-qualifier { color: #555; } .cm-s-ttcn .cm-strikethrough { text-decoration: line-through; } .cm-s-ttcn .cm-string { color: #006400; } .cm-s-ttcn .cm-string-2 { color: #f50; } .cm-s-ttcn .cm-strong { font-weight: bold; } .cm-s-ttcn .cm-tag { color: #170; } .cm-s-ttcn .cm-variable { color: #8B2252; } .cm-s-ttcn .cm-variable-2 { color: #05a; } .cm-s-ttcn .cm-variable-3, .cm-s-ttcn .cm-type { color: #085; } .cm-s-ttcn .cm-invalidchar { color: #f00; } /* ASN */ .cm-s-ttcn .cm-accessTypes, .cm-s-ttcn .cm-compareTypes { color: #27408B; } .cm-s-ttcn .cm-cmipVerbs { color: #8B2252; } .cm-s-ttcn .cm-modifier { color:#D2691E; } .cm-s-ttcn .cm-status { color:#8B4545; } .cm-s-ttcn .cm-storage { color:#A020F0; } .cm-s-ttcn .cm-tags { color:#006400; } /* CFG */ .cm-s-ttcn .cm-externalCommands { color: #8B4545; font-weight:bold; } .cm-s-ttcn .cm-fileNCtrlMaskOptions, .cm-s-ttcn .cm-sectionTitle { color: #2E8B57; font-weight:bold; } /* TTCN */ .cm-s-ttcn .cm-booleanConsts, .cm-s-ttcn .cm-otherConsts, .cm-s-ttcn .cm-verdictConsts { color: #006400; } .cm-s-ttcn .cm-configOps, .cm-s-ttcn .cm-functionOps, .cm-s-ttcn .cm-portOps, .cm-s-ttcn .cm-sutOps, .cm-s-ttcn .cm-timerOps, .cm-s-ttcn .cm-verdictOps { color: #0000FF; } .cm-s-ttcn .cm-preprocessor, .cm-s-ttcn .cm-templateMatch, .cm-s-ttcn .cm-ttcn3Macros { color: #27408B; } .cm-s-ttcn .cm-types { color: #A52A2A; font-weight:bold; } .cm-s-ttcn .cm-visibilityModifiers { font-weight:bold; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/twilight.css ***! \************************************************************************************************************************************************************************************************************************************/ .cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/ .cm-s-twilight div.CodeMirror-selected { background: #323232; } /**/ .cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 50, 0.99); } .cm-s-twilight .CodeMirror-line::-moz-selection, .cm-s-twilight .CodeMirror-line > span::-moz-selection, .cm-s-twilight .CodeMirror-line > span > span::-moz-selection { background: rgba(50, 50, 50, 0.99); } .cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; } .cm-s-twilight .CodeMirror-guttermarker { color: white; } .cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; } .cm-s-twilight .CodeMirror-linenumber { color: #aaa; } .cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-twilight .cm-keyword { color: #f9ee98; } /**/ .cm-s-twilight .cm-atom { color: #FC0; } .cm-s-twilight .cm-number { color: #ca7841; } /**/ .cm-s-twilight .cm-def { color: #8DA6CE; } .cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/ .cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def, .cm-s-twilight span.cm-type { color: #607392; } /**/ .cm-s-twilight .cm-operator { color: #cda869; } /**/ .cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/ .cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/ .cm-s-twilight .cm-string-2 { color:#bd6b18; } /*?*/ .cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/ .cm-s-twilight .cm-builtin { color: #cda869; } /*?*/ .cm-s-twilight .cm-tag { color: #997643; } /**/ .cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/ .cm-s-twilight .cm-header { color: #FF6400; } .cm-s-twilight .cm-hr { color: #AEAEAE; } .cm-s-twilight .cm-link { color:#ad9361; font-style:italic; text-decoration:none; } /**/ .cm-s-twilight .cm-error { border-bottom: 1px solid red; } .cm-s-twilight .CodeMirror-activeline-background { background: #27282E; } .cm-s-twilight .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/vibrant-ink.css ***! \***************************************************************************************************************************************************************************************************************************************/ /* Taken from the popular Visual Studio Vibrant Ink Schema */ .cm-s-vibrant-ink.CodeMirror { background: black; color: white; } .cm-s-vibrant-ink div.CodeMirror-selected { background: #35493c; } .cm-s-vibrant-ink .CodeMirror-line::selection, .cm-s-vibrant-ink .CodeMirror-line > span::selection, .cm-s-vibrant-ink .CodeMirror-line > span > span::selection { background: rgba(53, 73, 60, 0.99); } .cm-s-vibrant-ink .CodeMirror-line::-moz-selection, .cm-s-vibrant-ink .CodeMirror-line > span::-moz-selection, .cm-s-vibrant-ink .CodeMirror-line > span > span::-moz-selection { background: rgba(53, 73, 60, 0.99); } .cm-s-vibrant-ink .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; } .cm-s-vibrant-ink .CodeMirror-guttermarker { color: white; } .cm-s-vibrant-ink .CodeMirror-guttermarker-subtle { color: #d0d0d0; } .cm-s-vibrant-ink .CodeMirror-linenumber { color: #d0d0d0; } .cm-s-vibrant-ink .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-vibrant-ink .cm-keyword { color: #CC7832; } .cm-s-vibrant-ink .cm-atom { color: #FC0; } .cm-s-vibrant-ink .cm-number { color: #FFEE98; } .cm-s-vibrant-ink .cm-def { color: #8DA6CE; } .cm-s-vibrant-ink span.cm-variable-2, .cm-s-vibrant span.cm-tag { color: #FFC66D; } .cm-s-vibrant-ink span.cm-variable-3, .cm-s-vibrant span.cm-def, .cm-s-vibrant span.cm-type { color: #FFC66D; } .cm-s-vibrant-ink .cm-operator { color: #888; } .cm-s-vibrant-ink .cm-comment { color: gray; font-weight: bold; } .cm-s-vibrant-ink .cm-string { color: #A5C25C; } .cm-s-vibrant-ink .cm-string-2 { color: red; } .cm-s-vibrant-ink .cm-meta { color: #D8FA3C; } .cm-s-vibrant-ink .cm-builtin { color: #8DA6CE; } .cm-s-vibrant-ink .cm-tag { color: #8DA6CE; } .cm-s-vibrant-ink .cm-attribute { color: #8DA6CE; } .cm-s-vibrant-ink .cm-header { color: #FF6400; } .cm-s-vibrant-ink .cm-hr { color: #AEAEAE; } .cm-s-vibrant-ink .cm-link { color: #5656F3; } .cm-s-vibrant-ink .cm-error { border-bottom: 1px solid red; } .cm-s-vibrant-ink .CodeMirror-activeline-background { background: #27282E; } .cm-s-vibrant-ink .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/xq-dark.css ***! \***********************************************************************************************************************************************************************************************************************************/ /* Copyright (C) 2011 by MarkLogic Corporation Author: Mike Brevoort Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .cm-s-xq-dark.CodeMirror { background: #0a001f; color: #f8f8f8; } .cm-s-xq-dark div.CodeMirror-selected { background: #27007A; } .cm-s-xq-dark .CodeMirror-line::selection, .cm-s-xq-dark .CodeMirror-line > span::selection, .cm-s-xq-dark .CodeMirror-line > span > span::selection { background: rgba(39, 0, 122, 0.99); } .cm-s-xq-dark .CodeMirror-line::-moz-selection, .cm-s-xq-dark .CodeMirror-line > span::-moz-selection, .cm-s-xq-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(39, 0, 122, 0.99); } .cm-s-xq-dark .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; } .cm-s-xq-dark .CodeMirror-guttermarker { color: #FFBD40; } .cm-s-xq-dark .CodeMirror-guttermarker-subtle { color: #f8f8f8; } .cm-s-xq-dark .CodeMirror-linenumber { color: #f8f8f8; } .cm-s-xq-dark .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-xq-dark span.cm-keyword { color: #FFBD40; } .cm-s-xq-dark span.cm-atom { color: #6C8CD5; } .cm-s-xq-dark span.cm-number { color: #164; } .cm-s-xq-dark span.cm-def { color: #FFF; text-decoration:underline; } .cm-s-xq-dark span.cm-variable { color: #FFF; } .cm-s-xq-dark span.cm-variable-2 { color: #EEE; } .cm-s-xq-dark span.cm-variable-3, .cm-s-xq-dark span.cm-type { color: #DDD; } .cm-s-xq-dark span.cm-property {} .cm-s-xq-dark span.cm-operator {} .cm-s-xq-dark span.cm-comment { color: gray; } .cm-s-xq-dark span.cm-string { color: #9FEE00; } .cm-s-xq-dark span.cm-meta { color: yellow; } .cm-s-xq-dark span.cm-qualifier { color: #FFF700; } .cm-s-xq-dark span.cm-builtin { color: #30a; } .cm-s-xq-dark span.cm-bracket { color: #cc7; } .cm-s-xq-dark span.cm-tag { color: #FFBD40; } .cm-s-xq-dark span.cm-attribute { color: #FFF700; } .cm-s-xq-dark span.cm-error { color: #f00; } .cm-s-xq-dark .CodeMirror-activeline-background { background: #27282E; } .cm-s-xq-dark .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/xq-light.css ***! \************************************************************************************************************************************************************************************************************************************/ /* Copyright (C) 2011 by MarkLogic Corporation Author: Mike Brevoort Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .cm-s-xq-light span.cm-keyword { line-height: 1em; font-weight: bold; color: #5A5CAD; } .cm-s-xq-light span.cm-atom { color: #6C8CD5; } .cm-s-xq-light span.cm-number { color: #164; } .cm-s-xq-light span.cm-def { text-decoration:underline; } .cm-s-xq-light span.cm-variable { color: black; } .cm-s-xq-light span.cm-variable-2 { color:black; } .cm-s-xq-light span.cm-variable-3, .cm-s-xq-light span.cm-type { color: black; } .cm-s-xq-light span.cm-property {} .cm-s-xq-light span.cm-operator {} .cm-s-xq-light span.cm-comment { color: #0080FF; font-style: italic; } .cm-s-xq-light span.cm-string { color: red; } .cm-s-xq-light span.cm-meta { color: yellow; } .cm-s-xq-light span.cm-qualifier { color: grey; } .cm-s-xq-light span.cm-builtin { color: #7EA656; } .cm-s-xq-light span.cm-bracket { color: #cc7; } .cm-s-xq-light span.cm-tag { color: #3F7F7F; } .cm-s-xq-light span.cm-attribute { color: #7F007F; } .cm-s-xq-light span.cm-error { color: #f00; } .cm-s-xq-light .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-xq-light .CodeMirror-matchingbracket { outline:1px solid grey;color:black !important;background:yellow; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/yeti.css ***! \********************************************************************************************************************************************************************************************************************************/ /* Name: yeti Author: Michael Kaminsky (http://github.com/mkaminsky11) Original yeti color scheme by Jesse Weed (https://github.com/jesseweed/yeti-syntax) */ .cm-s-yeti.CodeMirror { background-color: #ECEAE8 !important; color: #d1c9c0 !important; border: none; } .cm-s-yeti .CodeMirror-gutters { color: #adaba6; background-color: #E5E1DB; border: none; } .cm-s-yeti .CodeMirror-cursor { border-left: solid thin #d1c9c0; } .cm-s-yeti .CodeMirror-linenumber { color: #adaba6; } .cm-s-yeti.CodeMirror-focused div.CodeMirror-selected { background: #DCD8D2; } .cm-s-yeti .CodeMirror-line::selection, .cm-s-yeti .CodeMirror-line > span::selection, .cm-s-yeti .CodeMirror-line > span > span::selection { background: #DCD8D2; } .cm-s-yeti .CodeMirror-line::-moz-selection, .cm-s-yeti .CodeMirror-line > span::-moz-selection, .cm-s-yeti .CodeMirror-line > span > span::-moz-selection { background: #DCD8D2; } .cm-s-yeti span.cm-comment { color: #d4c8be; } .cm-s-yeti span.cm-string, .cm-s-yeti span.cm-string-2 { color: #96c0d8; } .cm-s-yeti span.cm-number { color: #a074c4; } .cm-s-yeti span.cm-variable { color: #55b5db; } .cm-s-yeti span.cm-variable-2 { color: #a074c4; } .cm-s-yeti span.cm-def { color: #55b5db; } .cm-s-yeti span.cm-operator { color: #9fb96e; } .cm-s-yeti span.cm-keyword { color: #9fb96e; } .cm-s-yeti span.cm-atom { color: #a074c4; } .cm-s-yeti span.cm-meta { color: #96c0d8; } .cm-s-yeti span.cm-tag { color: #96c0d8; } .cm-s-yeti span.cm-attribute { color: #9fb96e; } .cm-s-yeti span.cm-qualifier { color: #96c0d8; } .cm-s-yeti span.cm-property { color: #a074c4; } .cm-s-yeti span.cm-builtin { color: #a074c4; } .cm-s-yeti span.cm-variable-3, .cm-s-yeti span.cm-type { color: #96c0d8; } .cm-s-yeti .CodeMirror-activeline-background { background: #E7E4E0; } .cm-s-yeti .CodeMirror-matchingbracket { text-decoration: underline; } /*!*********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/yonce.css ***! \*********************************************************************************************************************************************************************************************************************************/ /* Name: yoncé Author: Thomas MacLean (http://github.com/thomasmaclean) Original yoncé color scheme by Mina Markham (https://github.com/minamarkham) */ .cm-s-yonce.CodeMirror { background: #1C1C1C; color: #d4d4d4; } /**/ .cm-s-yonce div.CodeMirror-selected { background: rgba(252, 69, 133, 0.478); } /**/ .cm-s-yonce .CodeMirror-selectedtext, .cm-s-yonce .CodeMirror-selected, .cm-s-yonce .CodeMirror-line::selection, .cm-s-yonce .CodeMirror-line > span::selection, .cm-s-yonce .CodeMirror-line > span > span::selection, .cm-s-yonce .CodeMirror-line::-moz-selection, .cm-s-yonce .CodeMirror-line > span::-moz-selection, .cm-s-yonce .CodeMirror-line > span > span::-moz-selection { background: rgba(252, 67, 132, 0.47); } .cm-s-yonce.CodeMirror pre { padding-left: 0px; } .cm-s-yonce .CodeMirror-gutters {background: #1C1C1C; border-right: 0px;} .cm-s-yonce .CodeMirror-linenumber {color: #777777; padding-right: 10px; } .cm-s-yonce .CodeMirror-activeline .CodeMirror-linenumber.CodeMirror-gutter-elt { background: #1C1C1C; color: #fc4384; } .cm-s-yonce .CodeMirror-linenumber { color: #777; } .cm-s-yonce .CodeMirror-cursor { border-left: 2px solid #FC4384; } .cm-s-yonce .cm-searching { background: rgba(243, 155, 53, .3) !important; outline: 1px solid #F39B35; } .cm-s-yonce .cm-searching.CodeMirror-selectedtext { background: rgba(243, 155, 53, .7) !important; color: white; } .cm-s-yonce .cm-keyword { color: #00A7AA; } /**/ .cm-s-yonce .cm-atom { color: #F39B35; } .cm-s-yonce .cm-number, .cm-s-yonce span.cm-type { color: #A06FCA; } /**/ .cm-s-yonce .cm-def { color: #98E342; } .cm-s-yonce .cm-property, .cm-s-yonce span.cm-variable { color: #D4D4D4; font-style: italic; } .cm-s-yonce span.cm-variable-2 { color: #da7dae; font-style: italic; } .cm-s-yonce span.cm-variable-3 { color: #A06FCA; } .cm-s-yonce .cm-type.cm-def { color: #FC4384; font-style: normal; text-decoration: underline; } .cm-s-yonce .cm-property.cm-def { color: #FC4384; font-style: normal; } .cm-s-yonce .cm-callee { color: #FC4384; font-style: normal; } .cm-s-yonce .cm-operator { color: #FC4384; } /**/ .cm-s-yonce .cm-qualifier, .cm-s-yonce .cm-tag { color: #FC4384; } .cm-s-yonce .cm-tag.cm-bracket { color: #D4D4D4; } .cm-s-yonce .cm-attribute { color: #A06FCA; } .cm-s-yonce .cm-comment { color:#696d70; font-style:italic; font-weight:normal; } /**/ .cm-s-yonce .cm-comment.cm-tag { color: #FC4384 } .cm-s-yonce .cm-comment.cm-attribute { color: #D4D4D4; } .cm-s-yonce .cm-string { color:#E6DB74; } /**/ .cm-s-yonce .cm-string-2 { color:#F39B35; } /*?*/ .cm-s-yonce .cm-meta { color: #D4D4D4; background: inherit; } .cm-s-yonce .cm-builtin { color: #FC4384; } /*?*/ .cm-s-yonce .cm-header { color: #da7dae; } .cm-s-yonce .cm-hr { color: #98E342; } .cm-s-yonce .cm-link { color:#696d70; font-style:italic; text-decoration:none; } /**/ .cm-s-yonce .cm-error { border-bottom: 1px solid #C42412; } .cm-s-yonce .CodeMirror-activeline-background { background: #272727; } .cm-s-yonce .CodeMirror-matchingbracket { outline:1px solid grey; color:#D4D4D4 !important; } /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/zenburn.css ***! \***********************************************************************************************************************************************************************************************************************************/ /** * " * Using Zenburn color palette from the Emacs Zenburn Theme * https://github.com/bbatsov/zenburn-emacs/blob/master/zenburn-theme.el * * Also using parts of https://github.com/xavi/coderay-lighttable-theme * " * From: https://github.com/wisenomad/zenburn-lighttable-theme/blob/master/zenburn.css */ .cm-s-zenburn .CodeMirror-gutters { background: #3f3f3f !important; } .cm-s-zenburn .CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { color: #999; } .cm-s-zenburn .CodeMirror-cursor { border-left: 1px solid white; } .cm-s-zenburn.CodeMirror { background-color: #3f3f3f; color: #dcdccc; } .cm-s-zenburn span.cm-builtin { color: #dcdccc; font-weight: bold; } .cm-s-zenburn span.cm-comment { color: #7f9f7f; } .cm-s-zenburn span.cm-keyword { color: #f0dfaf; font-weight: bold; } .cm-s-zenburn span.cm-atom { color: #bfebbf; } .cm-s-zenburn span.cm-def { color: #dcdccc; } .cm-s-zenburn span.cm-variable { color: #dfaf8f; } .cm-s-zenburn span.cm-variable-2 { color: #dcdccc; } .cm-s-zenburn span.cm-string { color: #cc9393; } .cm-s-zenburn span.cm-string-2 { color: #cc9393; } .cm-s-zenburn span.cm-number { color: #dcdccc; } .cm-s-zenburn span.cm-tag { color: #93e0e3; } .cm-s-zenburn span.cm-property { color: #dfaf8f; } .cm-s-zenburn span.cm-attribute { color: #dfaf8f; } .cm-s-zenburn span.cm-qualifier { color: #7cb8bb; } .cm-s-zenburn span.cm-meta { color: #f0dfaf; } .cm-s-zenburn span.cm-header { color: #f0efd0; } .cm-s-zenburn span.cm-operator { color: #f0efd0; } .cm-s-zenburn span.CodeMirror-matchingbracket { box-sizing: border-box; background: transparent; border-bottom: 1px solid; } .cm-s-zenburn span.CodeMirror-nonmatchingbracket { border-bottom: 1px solid; background: none; } .cm-s-zenburn .CodeMirror-activeline { background: #000000; } .cm-s-zenburn .CodeMirror-activeline-background { background: #000000; } .cm-s-zenburn div.CodeMirror-selected { background: #545454; } .cm-s-zenburn .CodeMirror-focused div.CodeMirror-selected { background: #4f4f4f; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (3) ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* ######################################################################### ######################| IMPORT THEMES & TYPOGRAPHY ###################### ######################################################################### */ /* conf_block_start; conf_def:import_styles:swastika */ /* conf_block_end; */ /* conf_block_start; conf_def:import_styles:utradepro */ /* Import Your Components Mixins Here */ /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .no-margin-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .portfolio-form-wrapper > *, .margin-vr { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .reference-symbol { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .reference-symbol { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .depth-widget-wrapper .depth-container .header-section, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .no-margin-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .responsive-flex, .display-flex-column-rev, .flex-space-end, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-evenly, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .responsive-flex-space-between, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .basic-indicator-form .add-remove-button-container button, .absolute-spinner, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-centered-container-hr-column, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .basic-indicator-form .add-remove-button-container button, .absolute-spinner, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .responsive-flex-space-between, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .login-form-container .footer-container, .strategy-form-wrapper .timeline-content, .absolute-spinner { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .basic-indicator-form .add-remove-button-container button, .mode-chip { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-tablet, .show-mobile { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .sidenav-container .sidenav { width: 256px; } .sidenav-container .sidenav .display-flex-column, .sidenav-container .sidenav .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .sidenav-container .sidenav .symbols-list-container, .sidenav-container .sidenav .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container .benefit .sidenav-container .sidenav .benefit-text, .sidenav-container .sidenav .auth-wrapper .benefits-container, .auth-wrapper .sidenav-container .sidenav .benefits-container, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .sidenav-container .sidenav .algo-table, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .sidenav-container .sidenav .algo-table, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .sidenav-container .sidenav .active-algo-tracking-wrapper, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .sidenav-container .sidenav .completed-algo-tracking-wrapper, .sidenav-container .sidenav .login-operator-form-container .login-form, .login-operator-form-container .sidenav-container .sidenav .login-form, .sidenav-container .sidenav .checkbox-filter-container .checkbox-group, .checkbox-filter-container .sidenav-container .sidenav .checkbox-group, .sidenav-container .sidenav .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .sidenav-container .sidenav .mat-chip-list-wrapper, .sidenav-container .sidenav .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container .sidenav-container .sidenav .empty-msg, .sidenav-container .sidenav .external-strategy-container form .form-field-row .chip-input-field, .external-strategy-container form .form-field-row .sidenav-container .sidenav .chip-input-field, .sidenav-container .sidenav .center-label { height: 100%; overflow: hidden; } .sidenav-container .sidenav mat-nav-list a { height: 42px; } .sidenav-container .sidenav mat-nav-list a.active .mat-list-item-content { padding-left: 8px; } .sidenav-container .sidenav-content { height: calc(100vh - 32px); overflow-x: hidden; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .portfolio-form-wrapper > *, .margin-vr { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .reference-symbol { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .reference-symbol { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .depth-widget-wrapper .depth-container .header-section, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .basic-indicator-form .add-remove-button-container button, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .basic-indicator-form .add-remove-button-container button, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .login-form-container .footer-container, .strategy-form-wrapper .timeline-content, .absolute-spinner { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .basic-indicator-form .add-remove-button-container button, .mode-chip { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-form-title { padding: 4px 8px; } .strategy-form-title .right-container .select-container .label { white-space: nowrap; font-size: 0.9rem; } .strategy-form-wrapper .execution-styles { width: 260px; } .strategy-form-wrapper .form-wrapper { width: calc(100% - 32px); margin: auto; } @media screen and (max-width: 1100px) { .strategy-form-wrapper .form-wrapper { width: 100%; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .portfolio-form-wrapper > *, .margin-vr { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .reference-symbol { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .reference-symbol { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .depth-widget-wrapper .depth-container .header-section, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .basic-indicator-form .add-remove-button-container button, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .basic-indicator-form .add-remove-button-container button, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .login-form-container .footer-container, .absolute-spinner, .strategy-form-wrapper .timeline-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .basic-indicator-form .add-remove-button-container button, .mode-chip { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .basic-indicator-form .conditions-container { width: calc(100% - 96px); position: relative; bottom: -8px; } .basic-indicator-form .conditions-container .rows .reference-symbol { justify-content: center; align-items: flex-start; flex-grow: 1; min-width: 204px; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field { margin: 0px !important; width: 100%; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field .reference-input { margin-bottom: 10px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol { flex-direction: column; position: relative; justify-content: flex-end; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol .float { font-size: 0.7rem; position: absolute; left: -16px; bottom: 65px; margin-left: 18px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol mat-form-field { transition: all 60ms ease; } .basic-indicator-form .conditions-container .rows .row-condition { position: relative; height: 80px; justify-content: center; margin-bottom: 24px; } .basic-indicator-form .conditions-container .rows .row-condition .bar { position: absolute; top: 0; left: 40px; height: 100%; } .basic-indicator-form .conditions-container .rows .row-condition mat-form-field { width: 250px; height: unset !important; margin: 8px 0; } .basic-indicator-form .conditions-container .rows .row-condition.pro { width: calc(100% - 276px); margin-left: 276px; } .basic-indicator-form .conditions-container .rows .condition-row { position: relative; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line { position: absolute; width: calc(100% - 16px); left: 8px; bottom: 18px; height: 1px; z-index: -1; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line.pro { width: calc(100% - 292px); left: 284px; } .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { height: 100%; } .basic-indicator-form .add-remove-button-container { width: 96px; align-items: flex-end; position: absolute; bottom: 0; right: -96px; } .basic-indicator-form .add-remove-button-container button { margin: 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } @media screen and (max-width: 959px) { .basic-indicator-form .conditions-continer { width: 100%; } .basic-indicator-form .conditions-continer .rows .condition-row mat-form-field { width: 100%; } .basic-indicator-form .add-remove-button-container { width: 100%; } } .app-advance-indicator-form .advance-indicator-form-wrapper { flex-wrap: wrap; align-items: center; } .app-advance-indicator-form .advance-indicator-form-wrapper .added-inputs-display { position: relative; height: 34px; } .app-advance-indicator-form .advance-indicator-form-wrapper .first-form { margin-bottom: 6px; } .app-advance-indicator-form .advance-indicator-form-wrapper .mat-expansion-panel-header { height: 48px; } .app-advance-indicator-form .advance-indicator-form-wrapper .close-icon { position: absolute; height: 16px; width: 16px; border-radius: 16px; line-height: 16px; padding: 2px; top: -4px; right: -8px; font-size: 0.9rem; } .app-advance-indicator-form .advance-indicator-form-wrapper mat-form-field { max-width: 260px; height: 44px; margin-top: 0; } .app-advance-indicator-form .add-remove { margin: 0 4px; justify-content: flex-start !important; } .app-advance-indicator-form .add-remove button { margin: 0 4px 4px 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } .app-advance-indicator-form .add-new-button { font-size: 0.8rem; } .shimmer-container { margin: 8px 0; } .shimmer-container .shine { background-repeat: no-repeat; background-size: 800px 104px; display: inline-block; position: relative; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholderShimmer; animation-timing-function: linear; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeholderShimmer; -webkit-animation-timing-function: linear; } @keyframes placeholderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .shimmer-container .rect { height: 16px; margin: 0px 16px 8px; } .shimmer-container .rect:nth-child(odd) { width: calc(100% - 32px); } .shimmer-container .rect:nth-child(even) { width: calc(100% - 64px); } .shimmer-container .avatar { width: 40px; height: 40px; border-radius: 40px; } .shimmer-container .row { height: 16px; width: 100%; } .shimmer-container .list-item { height: 65px; width: 100%; } .shimmer-container .list-item .first-row, .shimmer-container .list-item .second-row { height: 15%; margin: 8px 16px; } .shimmer-container .list-item .first-row .shine-ls { width: 30%; } .shimmer-container .list-item .second-row .shine-ls { width: 10%; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .portfolio-form-wrapper > *, .margin-vr { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .depth-widget-wrapper .depth-container .header-section, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .login-form-container .footer-container, .absolute-spinner, .strategy-form-wrapper .timeline-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .login-form-container mat-icon { cursor: pointer; } .login-form-container .credential-container { padding: 0px 24px; } .login-form-container .reset-password-text { line-height: 14px; } .login-form-container .or-container .or-label { top: 0; left: 50%; transform: translate(-50%, -50%); padding: 0px 8px; } .login-form-container .social-logins { width: 100%; gap: 10px; } .login-form-container .social-logins button { width: 100%; height: 44px; } .login-form-container .social-logins button img { height: 30px; padding-bottom: 4px; } .login-form-container .login-button { border-radius: 8px; box-sizing: border-box; } .login-form-container .login-button img { height: 30px; width: 30px; } .login-form-container .featured-borkers { top: -12px; } .login-form-container .utrade-logo { height: 70px; } .login-form-container .utrade-logo-fonts { height: 16px; width: -moz-fit-content; width: fit-content; } .login-form-container .bottom-18 { bottom: 18px; } .login-form-container .image-height { height: 24px; } .login-form-container .image-height-2 { height: 22px; } .login-form-container .height-70 { height: 70%; } .login-form-container .login-vendors { height: 42px; width: 232px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .login-form-container .top-4 { top: 4px; } .login-form-container .bottom-number { bottom: 2px; } .login-form-container .mat-icon-width { width: 20px; } .login-form-container .guest-login-expansion mat-expansion-panel { background: transparent !important; } .login-form-container .guest-container { width: calc(100% - 32px); max-width: 480px; border-radius: 16px; } .login-form-container .guest-container .back-button { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; height: 25px; width: 25px; } .login-form-container .guest-container .turnstile-height { height: 85px; } .login-form-container .display-width { width: 300px; } .login-form-container .footer-container { text-align: center; } .login-form-container .footer-container a { text-decoration: none; } .login-form-container .banner-height { height: 160px; } .login-form-container .banner-text { border-radius: 8px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .portfolio-form-wrapper > *, .margin-vr { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .depth-widget-wrapper .depth-container .header-section, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .depth-widget-wrapper .quote-container .section .quote-container, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .depth-widget-wrapper .depth-container .header-section .column-header { font-weight: 600; font-size: 0.64rem; } .depth-widget-wrapper .depth-container .column { font-size: 0.78rem; min-width: 12.5%; } .depth-widget-wrapper .quote-container .section { width: 50%; } .depth-widget-wrapper .quote-container .section .quote-container .value { font-weight: 600; } .ngx-progress-loader-container { height: 100%; } .ngx-progress-loader-container .ngx-progress-loader-bar { position: absolute; top: 0; width: 100%; } .ngx-progress-loader-container .content { height: 100%; } .ngx-progress-loader-container .content .overlay { position: absolute; height: 100%; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .portfolio-form-wrapper > *, .margin-vr { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .backtest-detail-container { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; height: 100vh; } .portfolio-form-wrapper .portfolio-expansion-header { height: 50px !important; } .portfolio-form-wrapper .mat-expansion-panel-body { padding: 0; } .portfolio-form-wrapper .add-strategy-btn { border-radius: 12px; margin: 32px 0px !important; } .portfolio-form-wrapper .add-strategy-btn .mat-button { padding-right: 0 !important; } .portfolio-form-wrapper .height-auto { height: auto !important; } .mat-icon-autoDeploy { width: 24px !important; } .save-button { border-radius: 16px; } .form-border { border-radius: 12px; } .edit-icon { right: 20px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-form-title { padding: 4px 8px; } .strategy-form-title .right-container .select-container .label { white-space: nowrap; font-size: 0.9rem; } .strategy-form-wrapper .execution-styles { width: 260px; } .strategy-form-wrapper .form-wrapper { width: calc(100% - 32px); margin: auto; } @media screen and (max-width: 1100px) { .strategy-form-wrapper .form-wrapper { width: 100%; } } .strategy-leg-container { border-radius: 12px; background-clip: padding-box; padding: 20px; } .strategy-leg-container .sl-field { padding-top: 6px; } .strategy-leg-container .timeline-point { width: 8px; height: 8px; margin-right: 8px; } .strategy-leg-container .font-500, .strategy-leg-container .new-submit-button, .strategy-leg-container .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-list .mw-list-item .item-container .mw-watch-row .strategy-leg-container .market-id-label, .strategy-leg-container .market-watch-settings-menu .menu-content, .market-watch-settings-menu .strategy-leg-container .menu-content { font-weight: 500 !important; } .strategy-leg-container .full-width-leg-component { width: 100% !important; } .strategy-leg-container .error-algo-name { padding-bottom: 2px; } .strategy-leg-container .entry-chips { line-height: 28px; } .strategy-leg-container .chevron-icon { transition: transform 0.3s ease; } .strategy-leg-container .scrip-name-chip { position: relative; bottom: 4px; } .strategy-leg-container .strategyleg-chip { min-height: 24px !important; } .strategy-leg-container .entry-conditions { padding: 10px 0 0 10px; } .strategy-leg-container .wait-to-trade { height: 52px !important; } .strategy-leg-container .leg-count { width: 34px; } .leg-fields { bottom: 28px; } .range-percentage { bottom: 44px; } .copy-leg-icon { height: 20px !important; width: 22px !important; } .oi-based-timer-container { margin-left: 46px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .basic-indicator-form .conditions-container { width: calc(100% - 96px); position: relative; bottom: -8px; } .basic-indicator-form .conditions-container .rows .reference-symbol { justify-content: center; align-items: flex-start; flex-grow: 1; min-width: 204px; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field { margin: 0px !important; width: 100%; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field .reference-input { margin-bottom: 10px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol { flex-direction: column; position: relative; justify-content: flex-end; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol .float { font-size: 0.7rem; position: absolute; left: -16px; bottom: 65px; margin-left: 18px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol mat-form-field { transition: all 60ms ease; } .basic-indicator-form .conditions-container .rows .row-condition { position: relative; height: 80px; justify-content: center; margin-bottom: 24px; } .basic-indicator-form .conditions-container .rows .row-condition .bar { position: absolute; top: 0; left: 40px; height: 100%; } .basic-indicator-form .conditions-container .rows .row-condition mat-form-field { width: 250px; height: unset !important; margin: 8px 0; } .basic-indicator-form .conditions-container .rows .row-condition.pro { width: calc(100% - 276px); margin-left: 276px; } .basic-indicator-form .conditions-container .rows .condition-row { position: relative; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line { position: absolute; width: calc(100% - 16px); left: 8px; bottom: 18px; height: 1px; z-index: -1; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line.pro { width: calc(100% - 292px); left: 284px; } .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { height: 100%; } .basic-indicator-form .add-remove-button-container { width: 96px; align-items: flex-end; position: absolute; bottom: 0; right: -96px; } .basic-indicator-form .add-remove-button-container button { margin: 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } @media screen and (max-width: 959px) { .basic-indicator-form .conditions-continer { width: 100%; } .basic-indicator-form .conditions-continer .rows .condition-row mat-form-field { width: 100%; } .basic-indicator-form .add-remove-button-container { width: 100%; } } .app-advance-indicator-form .advance-indicator-form-wrapper { flex-wrap: wrap; align-items: center; } .app-advance-indicator-form .advance-indicator-form-wrapper .added-inputs-display { position: relative; height: 34px; } .app-advance-indicator-form .advance-indicator-form-wrapper .first-form { margin-bottom: 6px; } .app-advance-indicator-form .advance-indicator-form-wrapper .mat-expansion-panel-header { height: 48px; } .app-advance-indicator-form .advance-indicator-form-wrapper .close-icon { position: absolute; height: 16px; width: 16px; border-radius: 16px; line-height: 16px; padding: 2px; top: -4px; right: -8px; font-size: 0.9rem; } .app-advance-indicator-form .advance-indicator-form-wrapper mat-form-field { max-width: 260px; height: 44px; margin-top: 0; } .app-advance-indicator-form .add-remove { margin: 0 4px; justify-content: flex-start !important; } .app-advance-indicator-form .add-remove button { margin: 0 4px 4px 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } .app-advance-indicator-form .add-new-button { font-size: 0.8rem; } .strategy-exit-div { border-bottom: none; border-top: none; } .strategy-exit-div .exit-params-form { flex-wrap: wrap; } .strategy-exit-div .exit-params-form .exit-params-form-section { display: flex; position: relative; padding-bottom: 24px; } .strategy-exit-div .sl-field { padding-top: 6px; } .strategy-exit-div .error-algo-name { padding-bottom: 2px; } .strategy-exit-div .update-button { width: 20%; } .strategy-exit-div .mat-button { line-height: 0px !important; } .strategy-exit-div .line-16 .mat-checkbox-label { line-height: 16px !important; } .strategy-exit-div .bottom-4 { bottom: 4px; } .strategy-exit-div .fields-pad { padding: 20px 8px 0 12px; } .strategy-exit-div .collapsed-view { padding: 20px 8px 20px 12px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .external-strategy-container form .form-field-row .chip-input-field, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .external-strategy-container form .form-field-row .chip-input-field, .center-label { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .external-strategy-container .form-headline { margin-left: 5%; } .external-strategy-container .external-str-form-card { width: 90%; margin: auto; } .external-strategy-container .external-str-form-card .form-field-row { margin: 10px auto; } .external-strategy-container form .form-field-row .chip-input-field { height: initial; } .external-strategy-container form .capital-row { flex-wrap: wrap; } .external-strategy-container form .capital-row mat-form-field { width: 46% !important; } .external-strategy-container form .cash-row { flex-wrap: wrap; } .external-strategy-container form .cash-row mat-form-field { width: 30% !important; } .external-strategy-container .error-algo-name { height: 16px; } .external-strategy-container .confirm-button { display: block; margin-right: 32px; } .mat-dialog-container { overflow: auto !important; } .parameters-container .strategy-name { width: 50%; } .parameters-container .logo img { width: 60px !important; height: 60px !important; } .parameters-container .logo-container { margin-left: 24px; } .parameters-container .logo-container .logo { height: 30px; width: 30px; } .parameters-container .parameters-layout { display: grid; grid-gap: 20px; grid-template-columns: auto auto auto auto; border-radius: 8px; padding: 10px; position: relative; } .parameters-container .parameters-layout .label { font-size: 12px; position: absolute; top: -8px; left: 0; margin-left: 10px; padding: 0px 4px; } .parameters-container .card-buttons button { box-shadow: unset !important; margin-top: 10px; width: 30%; left: 50%; transform: translate(-50%, -30%) !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .center-label, .external-strategy-container form .form-field-row .chip-input-field { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-card-wrapper { height: 310px; } .strategy-card-wrapper .overview-card { border-radius: 14px; width: 440px; height: 250px; } .strategy-card-wrapper .vert-icon { transform: rotate(90deg); border-radius: 10px; } .strategy-card-wrapper .img-52-sq { height: 52px; width: 52px; } .strategy-card-wrapper .bottom-10 { bottom: 10px; } .strategy-card-wrapper .time-stamp { width: -moz-fit-content; width: fit-content; border-radius: 5px; } .strategy-card-wrapper .subscribe-button { width: 180px; height: 40px; border-radius: 8px; } .strategy-card-wrapper .cards-button { top: 12px; } .strategy-card-wrapper .product-padding { padding: 4px 10px 4px 10px; border-radius: 5px; } .strategy-card-wrapper .margin-2-top { margin-top: 2px; } .strategy-card-wrapper .custom-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; } .strategy-card-wrapper .resume-pause { border-radius: 6px; height: 28px; } .strategy-card-wrapper .mat-icon-10 { height: 10px; width: 10px; } .strategy-card-wrapper .view-details { justify-content: center !important; } .strategy-card-wrapper .lock-position { top: 40%; left: 40%; } .strategy-card-wrapper mat-card { box-shadow: none !important; } .strategy-card-wrapper .win-loss { width: calc(50% - 12px); margin-top: 12px; } .strategy-card-wrapper .win-loss .graph-wl { height: 16px; } .strategy-card-wrapper .win-loss .echart { width: 100%; height: 42px; } .strategy-card-wrapper .info-button { height: 14px; } .strategy-card-wrapper .padding-20-left { padding-left: 20px; } .strategy-card-wrapper .peak-margin-container { height: 70px; } .increase-card-height { height: 270px !important; } .percentage-container { gap: 20px; } .percentage-container .percentage-item { gap: 8px; } .percentage-container .percentage-item .dot { width: 8px; height: 8px; border-radius: 50%; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .center-label, .external-strategy-container form .form-field-row .chip-input-field { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .algo-name { width: calc(100% - 20px) !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-2 { position: absolute; top: -4px; right: 0 !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-2 .buttons button { width: 24px !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-2 .buttons mat-icon { position: absolute; top: 0 !important; left: 50% !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .bt-expanded-view-container, .absolute-spinner { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .bt-expanded-view-container .disclaimer, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .center-label, .external-strategy-container form .form-field-row .chip-input-field { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .no-data-icon { width: 200px; height: 200px; } .date-time-strip .date-container { box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16); border-radius: 8px; } .bt-expanded-view-container .mat-tab-header { padding: 8px 16px 0; } .bt-expanded-view-container .filter-boxes { width: 90px; } .bt-expanded-view-container .filter-container { padding: 4px; } .bt-expanded-view-container .justify-content { justify-content: flex-end; } .bt-expanded-view-container .action-buttons { border-radius: 8px !important; width: 108px !important; height: 34px !important; font-size: 16px !important; } .bt-expanded-view-container .tick { height: 18px; width: 18px; font-size: 18px; margin-right: 4px; } .bt-expanded-view-container .filters { padding: 0px 12px; } .bt-expanded-view-container .close-button { top: 8px; right: 8px; background-color: rgb(242, 248, 255) !important; z-index: 100; } .bt-expanded-view-container .disclaimer { position: absolute; bottom: 0px; left: 20px; width: calc(100% - 48px); } .hover-menu-styles, .market-watch-wrapper .rows .row .hover-menu { animation: 100ms scale-in ease-in; transition: 150ms cubic-bezier(0, 0, 0.2, 1); position: absolute; display: none; right: 4px; top: 8px; border-bottom: 0; } .hover-menu-styles.home, .market-watch-wrapper .rows .row .home.hover-menu { right: 128px; } .hover-menu-styles .hover-menu-buttons-container .button-wrapper, .market-watch-wrapper .rows .row .hover-menu .hover-menu-buttons-container .button-wrapper { padding: 2px; display: inline-block; } .hover-menu-styles .hover-menu-buttons-container .button-wrapper button, .market-watch-wrapper .rows .row .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 16px; width: 28px; height: 20px; line-height: 1; margin: 0 2px; padding: 0; transition: 300ms all cubic-bezier(0.165, 0.84, 0.44, 1); } .hover-menu-styles .hover-menu-buttons-container .button-wrapper button mat-icon, .market-watch-wrapper .rows .row .hover-menu .hover-menu-buttons-container .button-wrapper button mat-icon { font-size: 1.1rem; padding-top: 2px; } .market-watch-wrapper { height: 100%; } .market-watch-wrapper .heading { height: 20px; } .market-watch-wrapper .heading .market-watch-numbers .market-watch-number { padding: 1px 2px; margin: 0 2px; width: 16px; height: 16px; } .market-watch-wrapper .search-market-watch { height: 32px; } .market-watch-wrapper .rows { height: calc(100% - 32px - 20px - 4px); overflow: auto; } .market-watch-wrapper .rows .row { position: relative; } .market-watch-wrapper .rows .row .small-font { font-size: 0.8rem; } .market-watch-wrapper .rows .row:not(.small-font) { font-size: 0.83rem; } .market-watch-wrapper .rows .row.dragging .hover-menu { display: none; } .market-watch-wrapper .rows .row:hover .hover-menu { display: block !important; } .market-watch-wrapper .rows .row .change { min-width: 48px; } .market-watch-wrapper .rows .empty-text { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60vh; } .market-watch-wrapper .rows .empty-text mat-icon { font-size: 4rem; height: 4rem; width: 4rem; opacity: 0.66; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .depth-widget-wrapper .depth-container .column { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .absolute-spinner, .bt-expanded-view-container { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .center-label, .external-strategy-container form .form-field-row .chip-input-field { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .gainer-loser-wrapper .header { font-size: 0.8rem; } .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { width: 25%; } .gainer-loser-wrapper .data-container .rows { font-size: 0.78rem; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .market-watch-container .market-watch .table-container .empty-msg, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .search-symbol-option-container mat-option, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .search-symbol-option-container mat-option, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .market-watch-container .market-watch .table-container .empty-msg, .margin-vr, .portfolio-form-wrapper > * { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .option-chain-button-icon .mat-icon, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container, .absolute-spinner, .bt-expanded-view-container { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .search-symbol-option-container mat-option .options-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .market-watch-container .market-watch .table-container .empty-msg, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .market-watch-container .market-watch .table-container .empty-msg, .center-label, .external-strategy-container form .form-field-row .chip-input-field { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .market-watch-container .pagination-group .mat-button-toggle, .login-form-container .footer-container p { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } @keyframes scale-in { from { transform: scale(0); } to { transform: scale(1); } } .search-field-form { margin-top: -1px; } .search-field-form .search-icon { display: inline-flex; vertical-align: middle; margin-top: 3px; font-size: 19px; margin-bottom: 2px; margin-right: 8px; } .search-field-form span { font-size: 12px; } .search-field-form .search-symbol-field.mat-form-field-appearance-outline .mat-form-field-outline-end { border-radius: 0px !important; } .search-field-form .search-symbol-field.mat-form-field-appearance-outline .mat-form-field-flex { margin-top: -0.4rem; } .search-field-form .search-symbol-field .mat-form-field-outline-start { border-radius: 0px !important; min-width: 12px !important; } .sort-menu .mat-menu-content { width: 190px; } .sort-menu .mat-menu-content .mat-menu-item .width-30 { min-width: 30% !important; } .market-watch-settings-menu { width: 320px !important; max-width: 320px !important; border-radius: 12px !important; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16) !important; } .market-watch-settings-menu .mat-menu-content { padding: 0 !important; } .market-watch-settings-menu .save-button { width: 94px; max-height: 32px; border-radius: 8px; } .market-watch-settings-menu .menu-content .sort-item { height: 24px; align-content: center; } .market-watch-settings-menu .menu-content .width-12 { min-width: 12% !important; } .market-watch-settings-menu .menu-content .sort-by-select { width: 60px; } .market-watch-container .mw-button { padding-left: 0px; padding-right: 0px; } .market-watch-container .tab-group-container { position: relative; } .market-watch-container .tab-group-container.tabs-loading app-shimmer { position: absolute; z-index: 2; width: 100%; } .market-watch-container .tab-group-container.tabs-loading mat-tab-group { visibility: hidden; } .market-watch-container .widget-controllers { padding: 8px 0; } .market-watch-container .dense-tabs { text-transform: capitalize; } .market-watch-container .add { align-self: center; justify-content: center; margin-left: 8px; } .market-watch-container .filter-symbol-field { max-width: 70%; margin: 4px; } .market-watch-container .pagination-group { width: 100%; overflow: auto; } .market-watch-container .pagination-group .mat-button-toggle { border: none; width: 100%; } .market-watch-container .market-container-height { height: calc(100vh - 216px - 32px) !important; } .market-watch-container .market-watch { height: calc(100vh - 174px - 32px); min-height: 348px !important; overflow: auto; } .market-watch-container .market-watch .table-container { overflow-x: hidden; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item { height: auto; padding: 0 !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content { padding: 0 !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row { height: 21px; margin: 2px 0px; padding: 8px !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .meta-list-item { margin-top: 4px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .trend-icon mat-icon { height: 16px; width: 16px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { top: 2px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu { animation: 50ms scale-in ease-in; transition: 100ms cubic-bezier(0, 0, 0.2, 1); position: absolute; display: none !important; right: 4px; top: 10%; border-bottom: 0; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container { background: transparent; border-radius: 2px; z-index: 0 !important; box-shadow: none !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { padding: 1px; display: inline-block; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper .first-buttons { color: white; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 16px; width: 34px; height: 26px; font-size: 0.8rem; line-height: 1.5; padding: 0; border-radius: 4px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper .depth_scalper img { width: 12px; height: 12px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row:hover .hover-menu { display: flex !important; visibility: visible !important; opacity: 1 !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .hovered .hover-menu { display: flex !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .card-detail .detail .detail-widgets-container { max-height: 432px; overflow: auto; } .market-watch-container .market-watch .table-container .change-indicator-container { display: none; } .market-watch-container .market-watch .table-container .display-none, .market-watch-container .market-watch .table-container mat-form-field mat-error:not(:first-child), mat-form-field .market-watch-container .market-watch .table-container mat-error:not(:first-child), .market-watch-container .market-watch .table-container .index-watch-dialog-container .dialog-content::-webkit-scrollbar, .index-watch-dialog-container .market-watch-container .market-watch .table-container .dialog-content::-webkit-scrollbar { display: none; } .market-watch-container .market-watch .table-container .empty-msg .no-data-lottie { width: 60%; } .market-watch-container .market-watch .table-container .empty-msg img { opacity: 0.75; } .market-watch-container .market-watch .table-container .empty-msg h4 { opacity: 0.5; } @keyframes expand { from { width: 30vw; box-shadow: 0; } to { width: calc(100vw - 16px); } } .expanded .default-view-layout { animation: expand 260ms ease; position: relative; width: calc(100vw - 16px); z-index: 5; background: transparent; } .expanded .default-view-layout .hover-menu { /* * Style applied for chrome only */ /* TODO: To be done for Microsoft Edge. */ width: 224px !important; z-index: 1; right: 12px !important; } @media { .expanded .default-view-layout .hover-menu.sticky { position: sticky !important; } } .search-symbol-option-container mat-option { cursor: default; } .search-symbol-option-container mat-option .options-container { justify-content: space-between; align-items: center; } .search-symbol-option-container mat-option .options-container .display-height { height: 40px !important; } .search-symbol-option-container mat-option .options-container .scrip-name-container .scrip-name { font-size: 12px !important; } .search-symbol-option-container mat-option .options-container .scrip-name-container mat-icon { display: inline-block; font-size: 0.6rem; } .search-symbol-option-container mat-option .options-container .scrip-name-container .company-name { height: 40px; font-size: 10px; } .search-symbol-option-container mat-option .options-container .market-id { display: inline-block; position: absolute; border-radius: 4px; line-height: 1.6rem; padding: 0 8px; height: 25px; font-size: 12px; right: 4px; } .search-symbol-option-container mat-option .options-container .hover-buttons { display: none; height: 25px; position: absolute; right: 2%; } .search-symbol-option-container mat-option .options-container .hover-buttons button { color: #fff; width: 40px; height: 90%; border-radius: 4px; margin: 0 2px; border: none; font-size: 0.6rem; } .search-symbol-option-container mat-option .options-container .hover-buttons button mat-icon { font-size: 1.2rem; margin: 0; } .search-symbol-option-container mat-option .options-container .hover-buttons button:disabled { cursor: default; } .search-symbol-option-container mat-option .options-container .hover-buttons .btn-add-symbol { padding: 2px !important; } .search-symbol-option-container mat-option .options-container .hover-buttons .order-depth { border: 1px solid; } .search-symbol-option-container mat-option .options-container .hover-buttons .order-depth .chart-icon { padding-top: 2px; } .search-symbol-option-container mat-option:hover .market-id { display: none !important; } .search-symbol-option-container mat-option:hover .hover-buttons { display: flex !important; } .search-symbol-option-container mat-option:hover .scrip-name-container mat-icon { display: none; } .pin-buttons button { min-width: 12px; height: 18px; line-height: 1; padding: 0; margin: 6px 2px; border-radius: 4px; } .angled-icon { height: 10px; } .pin-header mat-icon { margin-right: 6px; width: 20px; } .option-chain-button-icon { padding: 0px 4px !important; } .hover-menu { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; opacity: 0; visibility: hidden; transition: all 0.2s ease; z-index: 999 !important; pointer-events: auto !important; } .hover-menu .hover-menu-buttons-container { display: flex !important; align-items: center !important; background: var(--background-color); border-radius: 4px; padding: 2px; white-space: nowrap; } .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 32px; width: 32px; height: 24px; line-height: 24px; padding: 0; border-radius: 2px; } .hover-menu .hover-menu-buttons-container .button-wrapper button.first-buttons { font-weight: 600; font-size: 12px; } .hover-menu .hover-menu-buttons-container .button-wrapper button.last-buttons { color: var(--text-color); } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .ums-form .form-field-container, .depth-widget-wrapper .quote-container .section .quote-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .ums-form-heading, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .depth-widget-wrapper .depth-container .header-section { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .ums-form, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .ums-form .form-field-container .value, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .ums-form-heading p { margin: 0; } .ums-form { flex-wrap: wrap; } .ums-form .form-field-container.full-width .value mat-form-field, .ums-form .ut-pro-mat-form-field.full-width .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.full-width .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .ut-pro-mat-form-field.absolute-spinner .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.absolute-spinner .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .form-field-container.mat-form-field-wrapper .value mat-form-field, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .login-form-container .ut-pro-mat-form-field.footer-container .form-field-container.mat-form-field-wrapper .value mat-form-field, .login-form-container .ut-pro-mat-form-field.footer-container .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .form-field-container .ut-pro-mat-form-field.value .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .form-field-container.mat-form-field-wrapper .value mat-form-field, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .earnings-report-container .ut-pro-mat-form-field.disclaimer .form-field-container.mat-form-field-wrapper .value mat-form-field, .earnings-report-container .ut-pro-mat-form-field.disclaimer .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .notifications-container .ut-pro-mat-form-field.overlay-loader .form-field-container.mat-form-field-wrapper .value mat-form-field, .notifications-container .ut-pro-mat-form-field.overlay-loader .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .form-field-container.mat-form-field-wrapper .value mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .form-field-container.mat-form-field-wrapper .value mat-form-field, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .form-field-container.mat-form-field-wrapper .value mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .ut-pro-mat-form-field.notification-sidenav .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.notification-sidenav .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .change-password-field mat-form-field.ut-pro-mat-form-field .form-field-container.mat-form-field-wrapper .value mat-form-field, .change-password-field mat-form-field.ut-pro-mat-form-field .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .ut-pro-mat-form-field.accent-divider .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.accent-divider .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .form-field-container.mat-form-field-wrapper .value mat-form-field, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .plans-container .ut-pro-mat-form-field.plans-card .form-field-container.mat-form-field-wrapper .value mat-form-field, .plans-container .ut-pro-mat-form-field.plans-card .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .plans-container .form-field-container.plans-card .value mat-form-field, .plans-container .ums-form .form-field-container.plans-card .value mat-form-field, .ums-form .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .form-field-container.symbol-card-content .value mat-form-field, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ums-form .form-field-container.symbol-card-content .value mat-form-field, .ums-form .form-field-container.accent-divider .value mat-form-field, .ums-form .change-password-field mat-form-field.form-field-container .value mat-form-field, .change-password-field .ums-form mat-form-field.form-field-container .value mat-form-field, .ums-form .form-field-container.notification-sidenav .value mat-form-field, .ums-form mat-card .strategy-header .header-section-1 .full-width-card-header .form-field-container.mat-card-header-text .value mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .ums-form .form-field-container.mat-card-header-text .value mat-form-field, .ums-form .login-operator-form-container .login-form mat-form-field.form-field-container .value mat-form-field, .login-operator-form-container .login-form .ums-form mat-form-field.form-field-container .value mat-form-field, .ums-form .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.form-field-container .value mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box .ums-form mat-form-field.form-field-container .value mat-form-field, .ums-form .notifications-container .form-field-container.overlay-loader .value mat-form-field, .notifications-container .ums-form .form-field-container.overlay-loader .value mat-form-field, .ums-form .earnings-report-container .form-field-container.disclaimer .value mat-form-field, .earnings-report-container .ums-form .form-field-container.disclaimer .value mat-form-field, .ums-form .cdk-drag-preview .form-field-container.symbol-card-content .value mat-form-field, .cdk-drag-preview .ums-form .form-field-container.symbol-card-content .value mat-form-field, .ums-form .form-field-container .form-field-container.value .value mat-form-field, .ums-form .form-field-container.absolute-spinner .value mat-form-field, .ums-form .strategy-form-wrapper .form-field-container.timeline-content .value mat-form-field, .strategy-form-wrapper .ums-form .form-field-container.timeline-content .value mat-form-field, .ums-form .login-form-container .form-field-container.footer-container .value mat-form-field, .login-form-container .ums-form .form-field-container.footer-container .value mat-form-field { min-width: 92%; } .ums-form .form-field-container:not(.full-width):not(.accent-divider):not(.notification-sidenav):not(.absolute-spinner) { width: calc(50% - 16px); } .ums-form .form-field-container .label { min-width: 120px; } .ums-form .form-field-container .value mat-form-field { min-width: 80%; } .side-list-container { height: 100%; } .side-list-container .list-section { height: 100%; overflow: hidden; } .side-list-container .list-section > div { height: 100%; } .side-list-container .list-section > div .list-header { height: 80px; } .side-list-container .list-section > div mat-list { height: calc(100% - 80px); overflow-y: scroll; } .side-list-container mat-drawer { width: 340px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .dashboard-wrapper { height: calc(100% - 32px); } .dashboard-wrapper .cards-container .username { font-size: 32px; } .dashboard-wrapper .cards-container .card-div { overflow: hidden; padding: 8px 4px 8px; width: calc(100% - 8px); } .dashboard-wrapper .cards-container .card-div .margin-summary, .dashboard-wrapper .cards-container .card-div .strategy-board { display: block; } .dashboard-wrapper .cards-container .card-div .strategy-board { width: calc(100% - 300px); } .dashboard-wrapper .cards-container .card-div .margin-card { width: 300px; height: 100%; border-radius: 16px; z-index: 999; } .dashboard-wrapper .cards-container .card-div .no-strategy-margin { margin-top: 72px; } .dashboard-wrapper .cards-container .card-div .strategy-card-container { width: calc(75% - 8px); } .dashboard-wrapper .cards-container .card-div .strategy-card-container .strategy-card { border-radius: 16px 16px 0px 16px !important; z-index: 999; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, th.cdk-drag-preview, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, th.cdk-drag-preview, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .table-container { overflow: scroll; min-height: calc(100vh - 310px); } .expanded-height { max-height: 340px !important; } .user-book { height: calc(100vh - 140px); } .user-book .active-algos { position: absolute; right: 24px; } .user-book .mat-tab-label.mat-tab-label-active { font-weight: bolder; opacity: 1; } .user-book .mat-header-cell { opacity: 1; } .user-book .open-orders-number { font-weight: 900; font-size: 24px; margin: 0px; } .user-book .books-tab-height { max-height: calc(100vh - 137px); } .user-book .ut-pro-header-card { width: calc(100% - 80px); } .filters .input .transparent-form-field, .filters .input .transparent-form-field-xl { max-width: 100vh; min-width: 400px; } .filters button { position: relative; } .filters button .mat-button-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .books-wrapper { overflow: hidden; } .books-wrapper .stats { text-align: center; justify-content: space-evenly; } .books-wrapper .stats .stat .stat-number { font-weight: 900; font-size: 24px; margin: 0px; } .books-wrapper .positions-container { padding: 24px 0; } .books-wrapper .filters { justify-content: flex-end; } .books-wrapper .filters .input { display: flex; align-items: center; } .books-wrapper .filters .input mat-form-field { width: 35vw; } @media screen and (max-width: 1152px) { .books-wrapper .filters .input mat-form-field { width: 30vw !important; } } .books-wrapper .margin-top-20 { margin-top: 20px !important; } .books-wrapper .more { display: flex; align-items: flex-start; justify-content: center; } .books-wrapper .download button { right: -16px !important; } .books-wrapper .table-container .books-table { width: 100%; } .books-wrapper .table-container .books-table th { padding: 0px 8px; text-align: center; white-space: nowrap; } .books-wrapper .table-container .books-table .mat-sort-header .mat-sort-header-container { justify-content: center; display: flex; } .books-wrapper .table-container .books-table ::ng-deep .mat-sort-header-container { justify-content: center; } .books-wrapper .table-container .books-table td { padding: 0px 8px; text-align: center; white-space: nowrap; } .books-wrapper .books-message { position: absolute; top: 50%; left: 50%; font-size: 20px; transform: translate(-50%, -50%); } th.cdk-drag-preview { justify-items: center !important; } .operator-table-wrapper { overflow: hidden; } .operator-table-wrapper .filters { justify-content: flex-end; } .operator-table-wrapper .filters .input { display: flex; align-items: center; } .operator-table-wrapper .filters .input mat-form-field { width: 20vw; } @media screen and (max-width: 1152px) { .operator-table-wrapper .filters .input mat-form-field { width: 16vw !important; } } .operator-table-wrapper .more { display: flex; align-items: flex-start; justify-content: center; } .operator-table-wrapper .download button { right: -16px !important; } .operator-table-wrapper .table-container .books-table { width: 100%; } .operator-table-wrapper .table-container .books-table th { padding: 0px 8px; text-align: center; white-space: nowrap; } .operator-table-wrapper .table-container .books-table .mat-sort-header .mat-sort-header-container { justify-content: center; display: flex; } .operator-table-wrapper .table-container .books-table ::ng-deep .mat-sort-header-container { justify-content: center; } .operator-table-wrapper .table-container .books-table td { padding: 0px 8px; text-align: center; white-space: nowrap; } .operator-table-wrapper .table-message { position: absolute; top: 50%; left: 50%; font-size: 20px; transform: translate(-50%, -50%); } .operator-table-wrapper .hide { visibility: hidden; } .operator-table-wrapper .operator-table-cell:hover .hide { visibility: visible; } .summary div:not(:last-child) { border-right: 1px solid black; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; } .dropdown-menu > li > a { display: flex; align-items: center; gap: 8px; padding: 3px 20px; clear: both; font-weight: 400; white-space: nowrap; text-decoration: none; } .dropdown-menu > li > a .autocomplete-icon { width: 16px; height: 16px; object-fit: contain; } .my-plan-info-container .feature-section .feature-box .section { margin: 8px 16px; padding-bottom: 8px; font-size: 0.95rem; } .my-plan-info-container .feature-section .feature-box .section.title { font-size: 1.4rem; height: 70px; } .my-plan-info-container .feature-section .feature-box .section.mark-title { flex-direction: column; position: relative; height: 70px; } .my-plan-info-container .feature-section .feature-box .section.mark-title .bookmark { position: absolute; top: -30px; overflow: hidden; z-index: 1; width: 100%; height: 100%; } .my-plan-info-container .feature-section .feature-box .section.mark-title .bookmark mat-icon { width: unset; font-size: 4rem; transform: scaleX(4.5) scaleY(1.5); } .my-plan-info-container .feature-section .feature-box .section.mark-title .info { position: absolute; z-index: 2; height: 100%; top: -16px; } .my-plan-info-container .feature-section .feature-box .section.mark-title .info p { margin: 8px 0; } .option-chain-container .expiry-field { height: 52px !important; } .option-chain-container .submit-button { width: 100px; height: 40px; } .app-logo { width: 200px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .otp-input-container .otp-input:last-child { margin-right: 0 !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, #header-component .dashboard-tabs mat-button-toggle, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } #header-component { height: 54px; width: auto; position: relative; } #header-component.compact-header { height: 7vh; } #header-component .avatar .image { height: 24px; line-height: 24px; width: 24px; } #header-component .avatar mat-icon { height: 26px; width: 26px; } #header-component mat-toolbar { display: inline-flex; height: 50px; } #header-component mat-toolbar .notify-icon { width: 22px; height: 22px; } .user-menu-button mat-icon { line-height: 24px; } .toggle-menu-btn { display: none; } .header-logo { width: 110px !important; padding: 0 16px; } .home-icon { padding: 0 8px; height: 14px; } .tabs-padding { min-width: 0 !important; padding: 0 8px !important; } .tools-padding { padding: 0 0 0 4px !important; } .dynamic-tab { font-size: 12px !important; } @media screen and (max-width: 1330px) { .dynamic-tab { font-size: 11px !important; } } .tool-menu { height: 18px !important; width: 16px !important; right: 4px; } .ai-icon { width: 16px !important; } @media screen and (max-width: 1200px) { #header-component mat-toolbar .nav-links { display: none !important; } #header-component mat-toolbar .toggle-menu-btn { display: block; } } @media screen and (max-width: 1300px) { .tabs-padding { padding: 0 6px !important; } .home-icon { padding: 0 6px; } .tools-padding { padding: 0 10px 0 6px !important; } } @media screen and (max-width: 1024px) { #header-component .header-logo { padding: 0 8px; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .pinned-symbols { box-sizing: border-box; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-radius: 10px; } .pinned-symbols mat-card { padding: 0 16px !important; border-radius: 14px; } .width-value .mat-button-toggle-button { width: auto; } .width-value .mat-button-toggle-label-content { color: inherit; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .cdk-drag-preview .symbol-card-content, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .cdk-drag-preview, .ums-form .form-field-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .cdk-drag-preview .symbol-card-content, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .cdk-drag-preview, .backtest-strategy-card-wrapper .mat-card { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .cdk-drag-preview { cursor: grabbing !important; padding: 12px 8px; margin: 0; height: auto; } .cdk-drag-preview .symbol-card-content { pointer-events: none; align-items: center; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .ums-form .form-field-container, .cdk-drag-preview { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-board-container .overview-card { border-radius: 15px; height: 185px; width: calc(100% - 32px); max-width: 300px; } .strategy-board-container .board-card { border-radius: 15px; height: 140px; width: calc(100% - 52px); } .strategy-board-container .product-padding { padding: 4px 10px 4px 10px; border-radius: 5px; height: 10px; width: 54px; right: 10px; min-width: 0; } .strategy-board-container .pending-sqaure-off { width: 104px !important; } .strategy-board-container .board-cards-scroll { overflow-x: scroll; scrollbar-width: none; padding-bottom: 2px; height: 176px; } .strategy-board-container .custom-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; } .strategy-board-container .top-10 { top: 10px; } .strategy-board-container .square-off-button { height: 30px; width: 92px; border-radius: 5px; min-width: 0; } .strategy-board-container .resume-pause { height: 28px; width: 92px; border-radius: 5px; } .strategy-board-container .kebab-menu { transform: rotate(90deg); border-radius: 5px; } .strategy-board-container .height-75 { height: 75%; } .strategy-board-container .margin-12-bottom { margin-bottom: 12px !important; } .strategy-board-container .scroll-buttons { position: absolute; background-color: transparent; top: 104px; left: 304px; width: calc(100% - 284px); } .strategy-board-container .swiper-pagination { bottom: 0 !important; } .strategy-board-container .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; border-radius: 50%; margin: 0 4px; transition: background 0.3s; } .strategy-board-container .swiper-pagination .swiper-pagination-bullet-active { width: 8px; border-radius: 8px; } .strategy-board-container .shimmer-heading { width: 150px; } .strategy-board-container .loading-shimmer { top: 60px; } @media screen and (max-width: 1160px) { .strategy-board-container .no-portfolio-placeholder { display: none; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .ums-form .form-field-container, .cdk-drag-preview { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .st-details-container { margin-top: 60px; } .st-details-container .card-1 { width: 65%; } .st-details-container .card-2 { z-index: 0; width: 25%; } .st-details-container .broker-logo { height: 30px; width: 30px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .ums-form .form-field-container, .cdk-drag-preview { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .festival-offer-img { width: 92px; } .offers-container { width: 236px; } .close-icon { width: 10px; right: 12px; } .uTrade-Intelligence-icon { position: relative; right: 8px; width: 14px; height: 14px; } .plan-feature-alignment { padding: 8px 8px 8px 24px; } .plans-image-container { width: calc(100% - 24px); } .loader-container { margin-bottom: 40px; } .plan-alert-container { height: 42px !important; z-index: 1000; width: 100%; box-sizing: border-box; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .help-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .help-container .help-card { overflow: hidden; height: 160px; max-width: 400px; margin: auto; } .help-container .help-card .help-text { opacity: 0.8; } .help-container .help-card .icon { transform: scale(0.75); } @media screen and (max-width: 988px) { .help-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 708px) { .help-container { grid-template-columns: repeat(1, 1fr); } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .ums-form .form-field-container, .cdk-drag-preview { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .rapid-pay-off-curve { top: 92px !important; left: 68px !important; align-items: center; padding: 0 16px; } .rapid-pay-off-curve .ut-pro-header-card { width: 100%; } .rapid-pay-off-curve .links-nav { line-height: 0; } .rapid-pay-off-curve .mat-display-1 { margin: 0 0 42px 42px; } .rapid-pay-off-curve .mat-tab-header { border: none; } .rapid-pay-off-curve .outer-container .op-card-3 { top: -16px !important; left: -14px !important; } .rapid-pay-off-curve .reset-buttons { position: absolute; top: 0; right: 0; margin-top: 32px; margin-right: 25px; } .rapid-pay-off-curve .order-mode-box { display: inline-block !important; width: 20px; height: 20px; text-align: center; } .links-nav { line-height: 0; } .margin-calculator-form-wrapper .margin-calculator-form { width: 70%; } .margin-calculator-form-wrapper .margin-calculator-form .margin-calculator-form-div { flex-wrap: wrap; } .margin-calculator-form-wrapper .margin-calculator-form .margin-calculator-form-div mat-form-field { margin: 0px 16px 16px 0px; } .margin-calculator-form-wrapper .margin-calculator-form .add-button { width: 200px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .ums-form .form-field-container, .cdk-drag-preview { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .bt-expanded-view-container .disclaimer { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .funds-container .margin-column { width: 350px !important; } .funds-container mat-progress-bar { height: 6px; } .funds-container .margin-card { width: 30%; margin: 16px 24px 16px 0px; height: 200px; background-image: url("/assets/images/funds-card.png"); background-repeat: no-repeat; background-size: cover; } .funds-container .strategy-card-container { display: grid; width: 368px; gap: 0px 4px; grid-template-columns: auto auto; } .funds-container .strategy-card-container .strategy-cards { width: 130px; height: 120px; } .funds-container .strategy-card-container .strategy-cards .strategy-cards-title { padding-right: 12px; } .funds-container .funds-transaction-container { width: 65%; } .funds-container .funds-transaction-container .funds-tabs .mat-tab-header { padding: 0px !important; border-radius: 8px; width: 400px !important; margin-bottom: 16px; } .funds-container .funds-transaction-container .funds-tabs .mat-tab-body { width: 100% !important; } .funds-container .funds-transaction-container .funds-tabs .mat-ink-bar { border-radius: 8px; } .funds-container .funds-transaction-container .single-tab-funds .mat-tab-header { width: 200px !important; } .funds-container .funds-transaction-container .strategy-select { top: -8px; right: 180px; } @media screen and (max-width: 1100px) { .funds-container .funds-transaction-container .strategy-select { width: 180px; } } .funds-container .funds-transaction-container .strategy-select .add-withdraw-funds { border-radius: 24px !important; } .funds-container .funds-transaction-container .collateral-options { top: -8px; right: 16px; border-radius: 20px; height: 24px; padding: 4px 16px; } .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { padding-left: 8px; padding-top: 4px; } .funds-container .margin-50 { margin-bottom: 50px; } .funds-container .transaction-details { height: 300px; width: 100%; overflow-y: auto; } .funds-container .line-30 { line-height: 30px !important; } .funds-container .swiper-buttons { top: 0; left: -12px; width: 108%; } .funds-container .blocks-width { width: 120px; } .funds-container .block-width-non-cash { width: 140px; } .funds-container .small-blocks-width { width: 112px; } .funds-container .view-breakdown-btn { border-radius: 8px; padding: 4px 8px; bottom: 2px; } .funds-container .arrow-icon { height: 10px; width: 10px; } .funds-container .info-icon { width: 14px; height: 16px; } .margin-cal-table th, .margin-cal-table td { text-align: center; } .deploy-confirmation-container img { width: 40px; height: 40px; } .deploy-confirmation-container .swastika-logo { width: 100px !important; height: 32px !important; } .deploy-confirmation-container .mastertrust-logo { width: 150px !important; height: 100px !important; } .deploy-confirmation-container .pesb-logo { width: 150px !important; height: 44px !important; } .deploy-confirmation-container .balance-chip { top: -30px; } .deploy-confirmation-container .multi-label { width: calc(100% + 20px) !important; } .deploy-confirmation-container .margin-need-label { width: 95px; } .deploy-confirmation-container .info-icon { transform: scale(0.65); } .width-collapsed { width: 300px !important; } .width-expanded { width: 640px !important; } .multiplier-input { border-radius: 8px 0px 0px 8px; height: 34px; } .multiplier-input:focus, .multiplier-input:active, .multiplier-input:hover { outline: none; } .remove-icon { border-radius: 0px 8px 8px 0px; } .icon-width { width: 32px; height: 36px; } .deploy-dialog-container .deploy-dialog-broker-card mat-radio-button .mat-radio-ripple { display: none !important; } .deploy-dialog-container .deploy-dialog-broker-card mat-radio-button .mat-ripple-element { display: none !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .ai-chat-input .floating-actions, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ai-chat-input .floating-actions, .ums-form .form-field-container, .cdk-drag-preview { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .ai-chat-input { padding: 8px 8px 8px 16px; margin-top: 8px; width: 50vw; } .ai-chat-input .textarea-input { border: none; outline: none; background-color: transparent; resize: none; overflow: auto; white-space: pre-wrap; } .ai-chat-input .floating-actions { gap: 8px; } .ai-chat-input .icon-btn { width: 36px; height: 36px; border-radius: 50% !important; } .margin-summary-container { min-height: 82vh; width: 95vw; } .margin-summary-container mat-card { box-shadow: none !important; } .margin-summary-container .marketting-details-container { width: 370px !important; } .margin-summary-container .overview-card { border-radius: 15px; width: 320px !important; height: 100px !important; white-space: nowrap; transition: transform 0.6s ease-in-out; } .margin-summary-container .deployed-card { height: 36px; } .margin-summary-container .guest-login { border-radius: 15px; width: 212px; height: 185px; } .margin-summary-container .swiper-container { width: 354px !important; } .margin-summary-container .connect-button { width: 100px; height: 32px; border-radius: 8px; } .margin-summary-container .badge-card { background-color: #f2f5f7; width: -moz-fit-content; width: fit-content; border-radius: 5px; } .margin-summary-container .height-20 { height: 20%; } .margin-summary-container .chart-section { height: 100px; } .margin-summary-container .details-container { height: 92px; } .margin-summary-container .margin-10-right { margin-right: 10px; } .margin-summary-container .board-card { border-radius: 15px; height: 154px; width: 272px; padding-top: 4px !important; } .margin-summary-container .undeploy-button, .margin-summary-container .square-off-button { height: 26px; width: 20px; border-radius: 8px; } .margin-summary-container .bottom-10 { bottom: 8px; } .margin-summary-container .margin-chart { height: 160px; bottom: 54px; left: 52px; } .margin-summary-container .pl-button, .margin-summary-container .check-funds { height: 30px; border-radius: 5px; line-height: 32px !important; padding: 0 8px !important; } .margin-summary-container .pl-check-funds-buttons { top: 102px; right: 12px; } .margin-summary-container .margin-32-bottom { margin-bottom: 32px; } .margin-summary-container .summary-buttons { height: 40%; } .shimmer { width: 272px; height: 60px; } .utrade-symbol { height: 40px; } .share-india-logo { height: 24px; } @media screen and (max-width: 899px) { .margin-summary-container get-started-card { display: none; } } .brokers-image { background-size: cover; background-position: center; background-repeat: no-repeat; width: 40%; height: 100px; } .custom-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-top: 2px; } .text-wrap { word-wrap: break-word; overflow-wrap: break-word; white-space: normal; word-break: break-word; } .navigation-buttons { top: 52px; } .box-shadow-none { box-shadow: none !important; } .brokers-connected-card { gap: 12px; } .no-deployed-portfolios-container { width: calc(9vw + 7px) !important; } .no-deployed-portfolios-container .no-deployed-portfolios-card { height: 100px !important; border-radius: 10px; } .loader-container { width: 300px; } .ai-width { width: calc(100vw - 76px); } .card-flip { animation: flip360 0.6s ease-in-out; } @keyframes flip360 { 0% { transform: perspective(1000px) rotateY(0deg); } 50% { transform: perspective(1000px) rotateY(180deg); } 100% { transform: perspective(1000px) rotateY(360deg); } } .card-flip-left { animation: flipLeft 0.6s ease-in-out; } @keyframes flipLeft { 0% { transform: perspective(1000px) rotateY(0deg); } 50% { transform: perspective(1000px) rotateY(-180deg); } 100% { transform: perspective(1000px) rotateY(-360deg); } } .payment-result-container { padding: 0px 50px; } .payment-result-container .avatar-payment-result { margin: 0px auto; } .payment-result-container .avatar-payment-result img { height: 80px; } .payment-result-container .alert-img { margin: 0px auto; } .payment-result-container .alert-img img { height: 85px; } .payment-result-container .check-icon { scale: 1.5; } .payment-result-container .action-btn { width: 200px !important; } .payment-result-container .action-btn-failed { width: 160px !important; } .payment-result-container .spinner { scale: 0.75; } .payment-result-container .dash { height: 0; } .payment-result-container .close-button { top: 0px; right: 0px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .risk-button { padding-top: 65px; padding-left: 380px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .earnings-report-container .disclaimer button, .search-symbol-option-container mat-option .options-container .hover-buttons button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .earnings-report-container .disclaimer button, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .earnings-report-container .calculate-now-btn, .margin-4-vr { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .earnings-report-container .calculate-now-btn, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .earnings-report-container .disclaimer, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .earnings-report-container .disclaimer .note, .bt-expanded-view-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .earnings-report-container .disclaimer button, .earnings-report-container .disclaimer, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .earnings-report-container .earnings-filter-form { gap: 8px; } .earnings-report-container .earnings-filter-form .custom-form-field { flex: 1; } .earnings-report-container .disclaimer { padding: 0px 12px; } .earnings-report-container .chart-container { height: 45vh !important; } .earnings-report-container .calculate-now-btn { width: 96px; height: 28px; } .earnings-report-container .calculate-now-btn .btn-text { font-size: 11px; } .header-background-image { height: 50px; } .notification-height-adjust { height: calc(100vh - 82px) !important; } #app-component #app-body { height: calc(100vh - 32px); overflow-y: auto; overflow-x: hidden; scrollbar-color: #b9b1b1 #f1f1f1; scrollbar-width: thin; } #app-component .footer { padding: 4px 70px; height: 24px; gap: 8px; } #app-component .footer mat-icon { height: 18px !important; width: 18px !important; } @media screen and (max-width: 600px) { #app-component .footer { justify-content: space-between; display: flex !important; align-items: start; padding: 0 !important; } #app-component .footer .align-in-col { flex-direction: column; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .notifications-container .overlay-loader, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .notifications-container .overlay-loader, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .notifications-container .overlay-loader, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .notifications-container .menu-icons { justify-content: end; } .notifications-container .notifications-tab .content { width: 85%; } .mat-tab-label { min-width: 120px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .edit-close-container, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .mat-menu, .mat-menu-form, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .overlay-input, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .overlay-input, .cdk-drag-preview { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .indicator-form { max-width: 86vw; overflow-y: auto; } .indicator-form .tech-indicators-grid { align-items: center; } .indicator-form .tech-indicators-grid .techind-cards { display: flex; } .indicator-form .tech-indicators-grid .techind-cards mat-card { width: 400px; } .indicator-form .tech-indicators-grid .techind-cards .fields-width { width: 162px; } .indicator-form .tech-indicators-grid .techind-cards .comparator-field { width: 68px; } .indicator-form .tech-indicators-grid .techind-cards mat-form-field { display: inline-block !important; height: 44px !important; } .indicator-form .tech-indicators-grid .comparator-condition { width: 70px; } .indicator-form .tech-indicators-grid .hr-line { width: 30px; } .indicator-form .tech-indicators-grid .add-icon { transform: scale(1.4); } .overlay-input { padding: 12px; } .mat-menu, .mat-menu-form { bottom: 24px; } .candle-div { bottom: -8px; left: 14%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .candle-div-b { bottom: -8px; left: 76%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .text-truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .edit-close-container { top: -12px; right: -4px; height: 24px; gap: 2px; } .edit-option-icon { border: 1px solid; border-radius: 50%; height: 10px; width: 10px; padding: 4px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .indicator-form { max-width: 86vw; overflow-y: auto; } .indicator-form .tech-indicators-grid { align-items: center; } .indicator-form .tech-indicators-grid .techind-cards { display: flex; } .indicator-form .tech-indicators-grid .techind-cards mat-card { width: 400px; } .indicator-form .tech-indicators-grid .techind-cards .fields-width { width: 162px; } .indicator-form .tech-indicators-grid .techind-cards .comparator-field { width: 68px; } .indicator-form .tech-indicators-grid .techind-cards mat-form-field { display: inline-block !important; height: 44px !important; } .indicator-form .tech-indicators-grid .comparator-condition { width: 70px; } .indicator-form .tech-indicators-grid .hr-line { width: 30px; } .indicator-form .tech-indicators-grid .add-icon { transform: scale(1.4); } .overlay-input { padding: 12px; } .mat-menu, .mat-menu-form { bottom: 24px; } .candle-div { bottom: -8px; left: 14%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .candle-div-b { bottom: -8px; left: 76%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .text-truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .edit-close-container { top: -12px; right: -4px; height: 24px; gap: 2px; } .edit-option-icon { border: 1px solid; border-radius: 50%; height: 10px; width: 10px; padding: 4px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .user-management mat-list .user-item .name .user-id, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .user-management .action-button-container { font-size: 0.9rem; } .user-management ::placeholder { font-size: 0.74rem; } .user-management mat-list .user-item .name .user-id { font-size: 1rem; } .user-management mat-list .user-item .name .user-id mat-icon { margin-left: 8px; } .user-management mat-list .user-item .name .full-name { font-size: 0.74rem; } .user-management mat-list .user-item .plan { padding: 0 4px; min-width: 64px; height: 28px; line-height: 28px; background: antiquewhite; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .table-filter-menu.checkbox-menu .mat-menu-content, .table-filter-menu.search-menu .mat-menu-content, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .checkbox-filter-container, .market-watch-settings-menu .header-row { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview { padding-left: 8px !important; } .pad-8-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .pad-8-vr, .ums-form-heading { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .margin-4-hr { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .checkbox-filter-container .checkbox-group .checkbox-option.select-all, .margin-4-vr { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .checkbox-filter-container .checkbox-group, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .table-header-filter, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .checkbox-filter-container .checkbox-group .checkbox-option, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .mode-chip, .basic-indicator-form .add-remove-button-container button { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon, .table-header-filter .filter-icon mat-icon, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .table-header-filter { margin-left: 2px; } .table-header-filter .filter-icon mat-icon { width: 14px; height: 14px; opacity: 0.7; transition: all 0.2s ease; } .table-header-filter .filter-icon mat-icon:hover { opacity: 1; } .table-header-filter .filter-icon mat-icon.active { opacity: 1; } .filter-input-container { box-sizing: border-box; } .filter-input-container .mat-form-field { width: 220px; } .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { min-height: 36px; } .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix { border-top: 0; width: auto; } .filter-input-container .mat-form-field.mat-form-field-appearance-outline input.mat-input-element { margin-top: 0; line-height: 32px; height: 32px; } .symbol-filter .mat-chip-list { display: block; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper { min-height: 36px; gap: 4px; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container { flex-wrap: wrap; gap: 4px; min-height: 0; padding: 4px 0; margin: 8px 0px 4px; display: none; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container:not(:empty) { display: flex; margin-bottom: 4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container { height: 36px; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { height: 24px; border-radius: 10px !important; margin-top: 6px !important; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { width: 14px; height: 14px; opacity: 0.7; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon:hover { opacity: 1; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { height: 36px; line-height: 36px; width: 100%; } .checkbox-filter-container { min-width: 160px; } .checkbox-filter-container .checkbox-group { gap: 4px; } .checkbox-filter-container .checkbox-group .checkbox-option { display: block; } .table-filter-menu.checkbox-menu { min-width: 140px; max-width: 180px; } .table-filter-menu.checkbox-menu .mat-menu-content { overflow: hidden; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .market-watch-settings-menu .header-row, .checkbox-filter-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .operator-confirmation-dialog-container { flex-direction: column; text-align: center; } .operator-confirmation-dialog-container .operator-confirmation-dialog-header { padding: 16px; padding-bottom: 12px; width: calc(100% - 32px); } .operator-confirmation-dialog-container .operator-confirmation-dialog-header h2 { font-weight: 700; margin: 0; flex-grow: 1; } .operator-confirmation-dialog-container .operator-confirmation-dialog-body { padding: 16px; margin-top: 16px; width: calc(100% - 32px); white-space: pre-line; } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions { width: calc(100% - 32px); } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions button { width: 100%; border-radius: 12px; } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions .primary-button { font-weight: 600; margin-bottom: 8px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .market-watch-settings-menu .header-row, .checkbox-filter-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .operator-clients-mapping-dialog { width: 90%; margin: 0px auto; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__header { padding: 12px 8px 16px; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { width: 90%; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field input { position: relative; bottom: 6px; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field mat-icon { position: relative; bottom: 4px; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list { max-height: 200px; overflow-y: auto; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list mat-selection-list { height: 100%; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { flex-direction: column; align-items: flex-start; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__footer { width: 90%; margin: 0px auto; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__footer .mapped-count { text-align: start; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__footer .upload-clients { text-align: end; } .upload-mapping-dialog-container .upload-mapping-dialog-header { padding: 12px 20px; align-items: center; } .upload-mapping-dialog-container .upload-mapping-dialog-body { width: 90%; margin: 12px auto; max-height: 240px; overflow-y: auto; } .upload-mapping-dialog-container .upload-mapping-dialog-body .mat-table { border-collapse: collapse; } .upload-mapping-dialog-container .upload-mapping-dialog-body .mat-header-cell { text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); } .upload-mapping-dialog-container .upload-mapping-dialog-body .mat-cell { text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); } .upload-mapping-dialog-container .upload-mapping-dialog-footer { width: 90%; margin: 12px auto; align-items: center; } .upload-mapping-dialog-container .upload-mapping-dialog-footer mat-icon { transform: scale(0.8); } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .login-operator-form-container h2, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .market-watch-settings-menu .header-row, .checkbox-filter-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .login-operator-form-container .login-form, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .login-operator-form-container .login-form mat-form-field, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .login-operator-form-container .login-form .submit-button, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .login-operator-form-container { max-width: 320px; height: 520px; margin: 0px auto; padding: 1rem 2rem; border-radius: 8px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05), 0px 16px 80px rgba(0, 0, 0, 0.1); } .login-operator-form-container h2 { margin-bottom: 1rem; font-weight: 500; } .login-operator-form-container .login-form { gap: 0.2rem; } .login-operator-form-container .login-form .submit-button { margin-top: 0.5rem; height: 48px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .login-operator-form-container .login-form ::ng-deep .mat-form-field-wrapper { margin-bottom: 0.5rem; } .login-operator-form-container .login-form ::ng-deep .mat-form-field-flex .mat-form-field-infix { padding: 0.2rem 0 0.8rem !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .ut-pro-indicator-condition-string .condition-string .condition-badge, .plans-container .plans-card .plans-card-header, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .centered-card .mat-card-actions, .centered-card .mat-card-header, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2 { text-align: center !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price, .ticker-ltp, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .dense-menu .mat-menu-content, .market-watch-list, .affiliate-filter-menu .mat-menu-content, .indicator-menu, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content { padding: 0 !important; } .padding, .custom-snackbar, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .profile-panel .mat-dialog-container, .FailoverWarning-dialog .mat-dialog-container, .container { padding: 16px; } .padding-left, .custom-snackbar, .plans-container .plans-card-static .plans-content-container, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option { padding-left: 16px !important; } .padding-right, .toast-info:before, .padding-hr, .padding-dialog-hr .mat-dialog-container, .market-watch-settings-menu .menu-content { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .ut-pro-header-card.padding-sm-top, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-top: 16px !important; } .padding-bottom, .bottom-divider, .padding-vr, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .tooltip-info, .tooltip-container, .rounded-mat-tabs .mat-tab-header, .suggestions-container .prompt-card, .indicator-condition .indicator-text, .indicator-condition .indicator-type, .market-watch-settings-menu .header-row, .checkbox-filter-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .change-password-field .label, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0 !important; } .margin, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm), .custom-snackbar { margin: 16px !important; } .margin-left, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .margin-hr { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .data-value-label-container .label, .margin-hr { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .accent-divider, .margin-vr { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .dense-menu .mat-menu-item, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .mat-dialog-container button.close-icon-btn, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { margin-right: 8px !important; } .margin-8-top, .basic-form-field, .search-field, .mat-dialog-container button.close-icon-btn, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .ums-form .form-field-container, .ai-chat-input .floating-actions { margin-top: 8px !important; } .margin-8-bottom, .mw-settings-checkbox, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .market-watch-settings-menu .radio-group .mat-radio-button, .margin-8-vr, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm, .ut-pro-indicator-condition-string .condition-string, .indicator-condition, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .multi-broker-login-container .guest-login-form .phone-input-container, .margin-24-vr { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .plans-container .icon, .margin-4-hr { margin-right: 4px !important; } .margin-4-top, .tooltip-link, .margin-4-vr, .earnings-report-container .calculate-now-btn { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { outline: none !important; } .cursor-pointer, .new-submit-button, .index-watch-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-header .close-button, .search-symbol-option-container mat-option .options-container .hover-buttons button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .ai-portfolio-tabs .mat-tab-body-wrapper, .full-height-tab-group, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .ticker-ltp, .mode-chip { display: inline-block !important; } .display-block { display: block !important; } .display-none, mat-form-field mat-error:not(:first-child), .index-watch-dialog-container .dialog-content::-webkit-scrollbar { display: none !important; } .display-flex, .plans-container .plans-card-dynamic, .auth-wrapper .benefits-container .benefit, .indicator-condition, .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content, .flex-centered-container-hr-column, .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ut-mat-button-toggle-new .mat-button-toggle-group, .ut-pro-indicator-condition-string .condition-string, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .search-symbol-autocomplete .mat-option-text, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .affiliate-filter-menu .mat-menu-content { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-header .close-button, .suggestions-container, .navigate-icon, .broker-selection-dialog-container .dialog-header .close-button, .close-icon, .multi-broker-otp-input-container .n-o-c, .indicator-condition .indicator-type, .affiliate-filter-menu, .change-password-field, .centered-mat-button-toggle .mat-button-toggle, .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .auth-wrapper .benefits-container .benefit .benefit-text { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .index-watch-dialog-container .dialog-content .symbols-list-container, .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper, .ut-pro-mat-form-field-blue, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .books-wrapper .stats { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper, .plans-container .plans-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .accent-divider, .change-password-field mat-form-field, .notification-sidenav, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .tooltip-info, .tooltip-container, .new-submit-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .suggestions-container .prompt-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .notification-card, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .totp-tooltip, .change-percent-positive-box, .change-percent-negative-box, .email-communicaion-dialog .mat-dialog-container, .profile-menu .mat-dialog-container, .profile-panel .mat-dialog-container, .ut-pro-dialog-box-custom-header .mat-dialog-container { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .ut-pro-indicator-condition-string .condition-string, .chain-field-sm, .accent-divider, .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm, .indicator-condition, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .ut-pro-indicator-condition-string.border-accent, .ut-pro-header-card, .ut-pro-elevated-card, .portfolio-details, .border-radius-panel .mat-dialog-container { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .index-watch-dialog-container { border-radius: 12px !important; } .position-relative, .notifications-tabs, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .chart-button mat-icon, .panic-control-panel .mat-dialog-container, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form { position: relative; } .position-absolute, .notifications-tabs mat-tab-header, .notification-sidenav, .mat-dialog-container button.close-icon-btn, .absolute-spinner { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .new-submit-button, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-settings-menu .menu-content { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .ut-field-label, .ut-pro-button, .table-background-color th, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .plans-container .plans-card .plans-feature-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .data-value-label-container { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .notifications-tabs mat-tab-header, .chart-button mat-icon, .symbol-count, .screener-filters-menu .screener-filters-action, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .overlay-input { box-sizing: border-box !important; } .no-border, .new-submit-button, .earnings-report-container .disclaimer button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .centered-mat-button-toggle .mat-button-toggle { border-radius: 8px !important; } .affiliate-lead-status-report-list-view-container mat-list-item .mat-list-item-content { justify-content: space-between; } .algo-tracking-info-menu { max-width: 60vw !important; } .bt-expanded-tabs { height: 92% !important; } .bt-expanded-tabs .mat-tab-body-wrapper { overflow: auto; max-height: 520px !important; } .bt-expanded-tabs .mat-tab-body-wrapper .mat-tab-body-active { overflow: hidden; } .enable-error .mat-checkbox-frame { border-color: red; } .change-password-form .mat-form-field-label mat-label { padding: 2px !important; } .changes-form-container .mat-form-field .mat-input-element { padding: 0em 0px 0.4em 0px; } .action-buttons button { min-width: 160px; } .action-buttons button.normal-button { min-width: -moz-fit-content; min-width: fit-content; } .focus-out-btn .mat-button-focus-overlay, .mat-dialog-container button.close-icon-btn .mat-button-focus-overlay { background-color: transparent !important; } .update-form { padding: 16px; } .update-form .columns { width: 97%; } .update-form .columns .cell { padding: 8px 0px; height: 64px; } .update-form .columns .cell .key { float: left; width: 33%; padding: 16px; font-weight: bolder; } .update-form .columns .cell .value { float: right; width: 56%; } .update-form .action-buttons { height: 8px; } .update-form .action-buttons button { left: 80px; bottom: 28px; } .first-positive { padding: 0; } .first-positive .columns .cell { height: 80px; } .first-positive .columns .cell .key { width: 39%; } .first-positive .columns .cell .value { width: 52%; } .algo-detail-field-outline, .algo-detail-fields .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline, .owl-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline { background-color: white; border-radius: 8px; } .backtest-search-field { max-width: unset !important; } .backtest-search-field .mat-form-field-wrapper .mat-form-field-flex { width: 22rem; } .owl-field .mat-form-field-wrapper .mat-form-field-flex { margin-right: -32px !important; } .owl-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { margin-left: 8px; } .screen-heading { margin: 0px 0px 42px 42px; } .op-card-1 { top: -14px; left: -10px; width: 100%; } .op-card-2 { top: -14px; left: -10px; width: 100%; } .op-card-3 { top: -12px; left: -12px; width: 102%; } .my-strategies-tabs .mat-tab-header { width: -moz-fit-content !important; width: fit-content !important; } @media screen and (max-width: 1099px) { .my-strategies-tabs .mat-tab-header .mat-tab-label, .my-strategies-tabs .mat-tab-header .mat-ink-bar { min-width: 100px; } } .portfolio-params .mat-tab-group .mat-tab-header { width: 95% !important; } .graph-data-container .mat-tab-header { min-width: 720px !important; } .op-card-1, .op-card-2, .op-card-3 { position: absolute; height: 100%; border-radius: 20px; opacity: 0.2; } .paginator .page { min-width: unset; border-radius: 28px; height: 28px; width: 50px; line-height: 28px; } .algo-trading-tabs .mat-tab-body-content { height: calc(100vh - (4vh + 115px)); } .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper { height: calc(100vh - (4vh + 150px)); } .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table { height: 200px; } .scroll-buttons { padding: 0px 16px; width: 99%; box-sizing: border-box; } .scroll-buttons button { height: 26px; width: 26px; } .scroll-buttons button .mat-button-wrapper { padding: 4px 0px !important; } .scroll-buttons button mat-icon { font-size: 14px; height: 26px; } .centered-tabs .mat-tab-labels { justify-content: center; } .rounded-progress-bar { border-radius: 10px; } .rounded-progress-bar .mat-progress-bar-primary::after, .rounded-progress-bar .mat-progress-bar-buffer { border-radius: 10px; } .ut-pro-select-field, .ut-pro-select-calender-icon { width: 10% !important; border-radius: 8px; background-image: url("/assets/icons/chevron_down.svg"); background-repeat: no-repeat; background-position: right 8px center; } .ut-pro-select-field .mat-select-arrow, .ut-pro-select-calender-icon .mat-select-arrow { opacity: 0; } .ut-pro-select-field .mat-select-placeholder, .ut-pro-select-calender-icon .mat-select-placeholder, .ut-pro-select-field .mat-select-value, .ut-pro-select-calender-icon .mat-select-value { font-size: 14px; } @media screen and (max-width: 1152px) { .ut-pro-select-field .mat-select-placeholder, .ut-pro-select-calender-icon .mat-select-placeholder, .ut-pro-select-field .mat-select-value, .ut-pro-select-calender-icon .mat-select-value { font-size: 12px; } } @media screen and (max-width: 1024px) { .ut-pro-select-field .mat-select-placeholder, .ut-pro-select-calender-icon .mat-select-placeholder, .ut-pro-select-field .mat-select-value, .ut-pro-select-calender-icon .mat-select-value { font-size: 10px; } } .ut-pro-select-calender-icon { background-image: url("/assets/icons/date_range.svg"); } .mat-list-item-content { padding: 0 8px !important; } .execute-days-list .mat-list-option[aria-disabled=true] { background-color: transparent; } .execute-days-list .mat-list-item .mat-list-text { padding-left: 4px !important; } .rounded-chip-toggles-style, .custom-toggle-button mat-button-toggle { margin-right: 8px; border-radius: 8px; padding: 0px 12px; font-size: 12px; } .backtest-action-button .mat-button-wrapper .mat-progress-bar { bottom: 0 !important; top: unset !important; } .dense-form-feild, .denser-form-field { margin-top: 8px; } .dense-form-feild.auto-complete-field .mat-form-field-flex, .auto-complete-field.denser-form-field .mat-form-field-flex { padding-bottom: 4px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper, .auto-complete-field.denser-form-field .mat-form-field-wrapper { padding: 0; line-height: 48px; width: 100%; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-flex, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-flex { align-items: center; display: flex; padding-right: 4px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix { padding: 0; border-top: 0; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label { top: 1.12em; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label mat-label, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label mat-label { padding: 2px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper { transform: translateY(0%); } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix input, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix input { line-height: 40px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper { margin-top: 2.2em; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-error, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-error { padding: 0px 0px; line-height: 12px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-suffix, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-suffix { top: 4px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper.mat-form-field-should-float .mat-form-field-label, .auto-complete-field.denser-form-field .mat-form-field-wrapper.mat-form-field-should-float .mat-form-field-label { transform: translateY(-1em) scale(0.75) !important; } .mat-dialog-container button.close-icon-btn { top: 0; right: 0; } .transaction-history-dialog .mat-dialog-container { position: relative; } .extend-free-plan-dialog .mat-dialog-container { border-radius: 12px !important; } .ut-pro-dialog-box-custom-header .mat-dialog-container { padding: 0 !important; } .ut-pro-dialog-box-custom-header .mat-dialog-container .dialog-body { padding: 16px; } .profile-menu .mat-dialog-container { padding: 8px 16px; } .chat-widget-dialog .mat-dialog-container { padding: 0; border-radius: 16px; box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 1px 4px rgba(3, 7, 18, 0.03), 0px 1px 9px rgba(3, 7, 18, 0.05), 0px 3px 15px rgba(3, 7, 18, 0.06), 0px 4px 24px rgba(3, 7, 18, 0.08); } .editor-container .basic-editor .editor-panel .mat-expansion-panel-content .mat-expansion-panel-body { padding: 0 8px; } .screener-results-table .mat-header-row .mat-header-cell .mat-sort-header-container { justify-content: center !important; } .screener-results-paginator .mat-paginator-container { min-height: 40px; } .screener-filters-menu { width: 240px; max-height: 320px !important; } .screener-filters-menu .mat-menu-content:not(:empty) { padding: 8px 8px 0; } .screener-filters-menu .filter-sub-option.mat-checkbox { padding-left: 16px; } .screener-filters-menu .filter-sub-option.mat-checkbox .mat-checkbox-layout { white-space: normal; } .screener-filters-menu .screener-filters-action { line-height: 28px; position: sticky; bottom: 0; } mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-right: 0px; } .mat-drawer-content { scrollbar-width: none !important; } .mat-drawer-content::-webkit-scrollbar { display: none !important; } .notification-sidenav { z-index: unset !important; } .notification-sidenav .mat-drawer-backdrop.mat-drawer-shown { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 999 !important; } .notification-sidenav mat-sidenav { width: 375px !important; height: 75vh !important; transform: translate(-56px, 38px) !important; } .notification-sidenav mat-sidenav .mat-drawer-inner-container { scrollbar-width: none; overflow: hidden !important; } .notification-sidenav mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar { display: none; } .cover-height { height: 80% !important; } .panic-control-panel .mat-dialog-container { border-radius: 12px; } .floating-button .mat-dialog-container { overflow: unset !important; } .mat-menu-panel.filters-menu { max-width: 496px !important; } .overflow-none .mat-dialog-container { overflow: unset !important; } .sort-header-center .mat-sort-header-container { justify-content: center; display: flex; } .sort-header-center .mat-sort-header-container .mat-sort-header-content { margin-left: 16px; } .denser-form-field { margin-top: 4px 0 0 0; } .denser-form-field .mat-form-field-wrapper { line-height: 40px; } .denser-form-field .mat-form-field-subscript-wrapper { margin-top: unset; } .change-password-field { justify-content: space-between !important; } .change-password-field .label { padding-bottom: 1.34375em; flex: 1; } .change-password-field mat-form-field { flex: 1.5; } .change-password-field mat-form-field .mat-form-field-infix { padding-bottom: 11px; } .basic-form-field-template .mat-form-field-infix, .basic-condensed-form-field .mat-form-field-infix, .basic-form-field .mat-form-field-infix, .search-field .mat-form-field-infix { padding: 16px 0 14px 0 !important; border-top: unset !important; } .basic-form-field-template .mat-form-field-infix input, .basic-condensed-form-field .mat-form-field-infix input, .basic-form-field .mat-form-field-infix input, .search-field .mat-form-field-infix input { height: 100%; } .basic-form-field-template .mat-form-field-subscript-wrapper, .basic-condensed-form-field .mat-form-field-subscript-wrapper, .basic-form-field .mat-form-field-subscript-wrapper, .search-field .mat-form-field-subscript-wrapper { padding: 0 !important; } .basic-form-field-template .mat-form-field-outline-start, .basic-condensed-form-field .mat-form-field-outline-start, .basic-form-field .mat-form-field-outline-start, .search-field .mat-form-field-outline-start { border-radius: 10px 0px 0px 10px !important; } .basic-form-field-template .mat-form-field-outline-end, .basic-condensed-form-field .mat-form-field-outline-end, .basic-form-field .mat-form-field-outline-end, .search-field .mat-form-field-outline-end { border-radius: 0px 10px 10px 0px !important; } .basic-form-field .mat-form-field-appearance-outline .mat-form-field-suffix, .search-field .mat-form-field-appearance-outline .mat-form-field-suffix { top: 6px !important; } .basic-form-field.no-right-radius .mat-form-field-outline, .no-right-radius.search-field .mat-form-field-outline, .basic-form-field.no-right-radius .mat-form-field-outline-start, .no-right-radius.search-field .mat-form-field-outline-start, .basic-form-field.no-right-radius .mat-form-field-outline-end, .no-right-radius.search-field .mat-form-field-outline-end, .basic-form-field.no-right-radius .mat-form-field-outline-thick, .no-right-radius.search-field .mat-form-field-outline-thick { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .basic-condensed-form-field { margin-top: 4px !important; } .basic-condensed-form-field .mat-form-field-wrapper { padding-bottom: 0 !important; margin-bottom: 0 !important; } .basic-condensed-form-field .mat-form-field-infix { padding: 12px 0 10px 0 !important; } .basic-condensed-form-field .mat-form-field-prefix, .basic-condensed-form-field .mat-form-field-suffix { top: 0 !important; } .search-field .mat-form-field-infix { padding: 8px 0 8px 0 !important; } .search-field .mat-form-field-flex { padding: 0 0.5em 0 0.5em !important; } .search-field .mat-form-field-wrapper { padding: 0px; } .search-field mat-icon { width: 16px; height: 18px; } .submit-button { height: 40px; border-radius: 10px !important; } .no-pad-bot-field .mat-form-field-wrapper { padding-bottom: 0 !important; } .denser { margin-top: 0; } .denser .mat-form-field-wrapper { line-height: 40px; } .denser input { line-height: 36px; } .condensed-select-field .ng-spin-box-btn-up { top: -8px !important; } .condensed-select-field .ng-spin-box-btn-down { bottom: 4px !important; } .condensed-select-field.small .mat-form-field-infix { padding: 0 !important; } .condensed-select-field .mat-form-field-wrapper { padding: 0; } .condensed-select-field .mat-form-field-wrapper .mat-form-field-flex { height: 44px; } .condensed-select-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { border-top-width: 8px; padding-bottom: 8px !important; } .condensed-select-field.mat-form-field-should-float .mat-form-field-label-wrapper { top: -1.25em; } .condensed-select-field.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1em) scale(0.75) !important; } .condensed-select-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper { transform: translateY(0%); } .condensed-select-field .mat-form-field-subscript-wrapper { margin: 2.1em 0 1rem 0 !important; top: calc(100% - 2.1em) !important; } .condensed-select-field .mat-form-field-subscript-wrapper .mat-error { min-height: 16px; } .strategy-form-field-sm .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-sm .mat-form-field-wrapper .mat-form-field-flex { width: 100px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-sm .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .strategy-form-field-sm-executeOn .mat-form-field-wrapper .mat-form-field-flex { width: 126px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-sm-executeOn .mat-form-field-wrapper .mat-form-field-flex { width: 106px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-sm-executeOn .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .strategy-form-field-mid-mid .mat-form-field-wrapper .mat-form-field-flex { width: 136px !important; } @media screen and (max-width: 1200px) { .strategy-form-field-mid-mid .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid-mid .mat-form-field-wrapper .mat-form-field-flex { width: 70px !important; } } .strategy-form-field-mid .mat-form-field-wrapper .mat-form-field-flex { width: 150px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-mid .mat-form-field-wrapper .mat-form-field-flex { width: 140px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } } .strategy-form-field-mid-new .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-mid-new .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid-new .mat-form-field-wrapper .mat-form-field-flex { width: 60px !important; } } .strategy-form-field-lg .mat-form-field-wrapper .mat-form-field-flex { width: 250px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg .mat-form-field-wrapper .mat-form-field-flex { width: 220px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg .mat-form-field-wrapper .mat-form-field-flex { width: 200px !important; } } .strategy-form-field-lg-new .mat-form-field-wrapper .mat-form-field-flex { width: 150px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg-new .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg-new .mat-form-field-wrapper .mat-form-field-flex { width: 100px !important; } } .strategy-form-field-lg-mid .mat-form-field-wrapper .mat-form-field-flex { width: 185px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg-mid .mat-form-field-wrapper .mat-form-field-flex { width: 150px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg-mid .mat-form-field-wrapper .mat-form-field-flex { width: 130px !important; } } .strategy-form-field-lg-symbol .mat-form-field-wrapper .mat-form-field-flex { width: 175px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg-symbol .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg-symbol .mat-form-field-wrapper .mat-form-field-flex { width: 100px !important; } } .strategy-form-field-lg-2 .mat-form-field-wrapper .mat-form-field-flex { width: 100% !important; } .strategy-form-field-x-lg .mat-form-field-wrapper .mat-form-field-flex { width: 300px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-x-lg .mat-form-field-wrapper .mat-form-field-flex { width: 260px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-x-lg .mat-form-field-wrapper .mat-form-field-flex { width: 240px !important; } } .strategy-form-field-mid-sm .mat-form-field-wrapper .mat-form-field-flex { width: 110px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-mid-sm .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid-sm .mat-form-field-wrapper .mat-form-field-flex { width: 75px !important; } } .strategy-form-field-sm-sm .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-sm-sm .mat-form-field-wrapper .mat-form-field-flex { width: 85px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-sm-sm .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .strategy-form-field-xs .mat-form-field-wrapper .mat-form-field-flex { width: 76px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-xs .mat-form-field-wrapper .mat-form-field-flex { width: 85px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-xs .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .custom-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { width: 140px; } .timer-form-field .mat-form-field-infix { display: flex; } .option-chain-lot-sm .mat-form-field-wrapper .mat-form-field-flex { width: 60px !important; } .ut-pro-slide-toggle-mid .mat-slide-toggle-thumb, .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb { width: 18px !important; height: 18px !important; margin: 0 2px !important; transform: translate(50%, 50%); background-color: #fff !important; } .ut-pro-slide-toggle-mid .mat-slide-toggle-bar, .ut-pro-slide-toggle-sm .mat-slide-toggle-bar { border-radius: 16px !important; height: 20px !important; width: 40px !important; } .ut-pro-slide-toggle-mid .mat-slide-toggle-thumb-container, .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb-container { top: -8px !important; left: -8px; width: 44px; height: 40px; } .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb { width: 14px !important; height: 14px !important; } .ut-pro-slide-toggle-sm .mat-slide-toggle-bar { border-radius: 12px !important; height: 18px !important; width: 32px !important; } .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb-container { top: -5px !important; left: -8px; width: 30px; height: 30px; } .deploy-select-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { padding-bottom: 12px !important; } .deploy-select-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper { padding-top: 4px; } .mat-select-panel { border-radius: 4px; } .mat-select-panel .mat-option { height: 2.6em; line-height: 2.6em; } .small-paginator .mat-paginator .mat-paginator-container { min-height: 32px; } .small-paginator .mat-paginator .mat-paginator-container .mat-paginator-range-label { margin: 0 8px 0 8px; } .widget-toolbar { padding: 0 8px 0 16px !important; } .backdrop-blur { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .compact-autocomplete.mat-autocomplete-panel { max-height: 112px; } .compact-autocomplete .mat-option { font-size: 14px; max-height: 40px; min-height: unset; white-space: unset; overflow: unset; text-overflow: unset; line-height: unset; padding: 4px 16px; } .dense-menu { min-height: unset !important; } .dense-menu .mat-menu-content { padding: 0 !important; } .dense-menu .mat-menu-item { font-size: 13px; line-height: 32px; max-height: 32px; padding: 0px 10px; } .dense-grid-tile .mat-figure { justify-content: left !important; } .dense-grid-tile .mat-figure .mat-checkbox { padding-left: 15px; } .dense-grid-tile .mat-figure .mat-checkbox .mat-checkbox-layout .mat-checkbox-label { font-size: 14px; } .check-box-14 .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container { width: 14px !important; height: 14px !important; } .dense-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header { height: 48px !important; } .dense-toogle-group .mat-button-toggle-label-content { line-height: 40px !important; padding: 0 8px !important; } .denser-toogle-group { height: 20px; width: 32px; } .denser-toogle-group .mat-button-toggle-label-content { line-height: 22px !important; } .dialog-no-padding .mat-dialog-container, .dialog-no-padding-no-scroll .mat-dialog-container, .transaction-history-dialog .mat-dialog-container .mat-dialog-container, .extend-free-plan-dialog .mat-dialog-container { padding: 0; } .padding-dialog .mat-dialog-container { padding: 16px; } .padding-dialog-24 .mat-dialog-container { padding: 24px; } .no-scroll .mat-dialog-container, .dialog-no-padding-no-scroll .mat-dialog-container { overflow: hidden !important; } .option-chain-dialog { width: 80vw; height: 600px; } .dialog-rouded-edges .mat-dialog-container { border-radius: 10px; } .dialog-content-rounded-edges .mat-dialog-container { border-radius: 10px !important; } .dialog-content-rounded-edges .mat-dialog-container .dialog-wrapper { border-radius: 10px !important; } .dense-menu-trigger.mat-menu-trigger { padding: 0 8px !important; } .nolimit-menu-panel { max-width: unset !important; } .nolimit-menu-panel .mat-menu-content { padding-top: 0 !important; } .mat-checkbox-label { white-space: initial !important; } .dense-button-toogle-group .mat-button-toggle-label-content { line-height: 40px !important; padding: 0 16px !important; } .dense-radio-button .mat-radio-container, .dense-radio-button .mat-radio-outer-circle, .dense-radio-button .mat-radio-inner-circle { width: 16px; height: 16px; } .dense-radio-button .mat-radio-label { display: flex !important; white-space: unset !important; } .dense-radio-button .mat-radio-label-content { font-size: 14px; } .stepper-padding-top .mat-horizontal-content-container { padding: 24px !important; } @media screen and (max-width: 1024px) { .stepper-padding-top .mat-horizontal-content-container { padding: 0 !important; } } .custom-checkbox .mat-checkbox-layout { align-items: flex-start !important; } .custom-checkbox .mat-checkbox-layout .mat-checkbox-label { line-height: 1; } .custom-checkbox .mat-checkbox-layout .mat-checkbox-inner-container { margin: 0px 8px 0px 0px !important; } .compact-autocomplete.mat-autocomplete-panel { max-height: 112px; padding-top: 8px; } .filter-input .mat-form-field-outline { margin: 0px 8px; } .profile-icon .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; top: -4px; } .mat-icon-text { vertical-align: sub; } .mat-badge.no-badge-text .mat-badge-content { color: transparent; max-width: 4px; max-height: 4px; padding: 5px 5px; top: -4px; right: -6px !important; animation: blinker 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate; } @keyframes blinker { from { opacity: 1; } to { opacity: 0; } } @media screen and (max-width: 599px) { .mat-horizontal-stepper-header-container { display: none !important; } } .company-stepper-header .mat-horizontal-stepper-header-container { width: 80%; margin: auto; } .clickable-error { text-decoration: underline; cursor: pointer; } .scrollable-menu .mat-menu-content { max-height: 320px !important; } .slide-confirm { margin: 0 !important; } .slide-confirm.ngx-slide-confirm-wrapper { height: 40px !important; } .slide-confirm .ngx-slide-confirm-source, .slide-confirm .ngx-slide-confirm-handle, .slide-confirm .ngx-slide-confirm-target { width: 40px !important; height: 40px !important; } .slide-confirm .ngx-slide-hint-text { left: 56% !important; width: 128px; } .mat-table:not(.auto-width) { min-width: 100%; } .dense-table.mat-table tr.mat-header-row { height: 30px; } .dense-table.mat-table tr.mat-footer-row, .dense-table.mat-table tr.mat-row { height: 40px; } .dense-table.mat-table td, .dense-table.mat-table th { padding: 0px 4px !important; white-space: nowrap; } .market-watch-table.mat-table tr.mat-header-row { height: 40px; } .market-watch-table.mat-table tr.mat-footer-row, .market-watch-table.mat-table tr.mat-row { height: 26px; } .mat-sort-header-sorted .mat-sort-header-arrow { opacity: 1 !important; transform: translateY(1%) !important; } mat-form-field.white-back-field { width: calc(100% - 8px); } mat-form-field.white-back-field .mat-form-field-flex { background: white; z-index: 2; } .filter-menu .mat-menu-content { max-height: 200px; } .indicator-menu { min-width: 240px !important; min-height: unset !important; } .indicator-menu .mat-menu-content { max-height: 240px !important; } .affiliate-filter-menu { min-height: unset !important; min-width: unset !important; } .comparator-container .mat-form-field-outline { background: #fafafa; } .dashboard-table { height: 232px; overflow: auto; } .dashboard-table.isFullscreen { height: 100% !important; } .dashboard-table .mat-table { width: 100%; margin-bottom: 56px; } .dashboard-table .mat-table tbody td { border: none; } .dashboard-table .mat-table tbody tr:nth-child(odd) { background-color: #f1f1f1; } .dashboard-table .mat-table tbody tr:hover { background-color: #e4e4e4; } .dashboard-table .mat-table th, .dashboard-table .mat-table td { text-align: center; } .dashboard-table .mat-table th.padding-imp, .dashboard-table .mat-table td.padding-imp { padding-left: 16px !important; text-align: left; } .dashboard-table .mat-table th.max-restricted, .dashboard-table .mat-table td.max-restricted { text-align: left; max-width: 240px; overflow: hidden; text-overflow: ellipsis; } .dashboard-table .footer { bottom: 0; width: calc(100% - 32px); max-width: 100%; height: 36px; position: absolute; background: #fafafa; display: flex; align-items: baseline; justify-content: flex-start; padding: 4px 16px; } .dashboard-table .footer .value { font-size: 1.2rem; margin-right: 8px; font-weight: 600; } .dashboard-table .footer .label { font-size: 0.8rem; margin-right: 16px; } .cdk-overlay-pane { margin-top: 6px !important; } .cdk-overlay-pane:not(.optimize-dialog) { max-width: 100vw !important; } .cdk-overlay-pane.fullscreen .mat-dialog-container { padding: 0; } .strategy-tags-input .mat-chip-remove { position: relative; } .strategy-tags-input .mat-chip-remove mat-icon { left: -5px; position: absolute; top: -5px; } .list-para { font-size: 0.9rem; } .inline-select-box .mat-select-value { font-size: 2rem; text-align: center; } .full-height-tab-group .mat-tab-body-wrapper { height: 100%; } .transparent-form-field, .transparent-form-field-xl { font-size: 0.88rem; } .transparent-form-field .mat-form-field-wrapper, .transparent-form-field-xl .mat-form-field-wrapper { padding: 0; } .transparent-form-field .mat-form-field-flex, .transparent-form-field-xl .mat-form-field-flex { padding: 2px !important; align-items: end; } .transparent-form-field .mat-form-field-flex .mat-form-field-infix, .transparent-form-field-xl .mat-form-field-flex .mat-form-field-infix { margin: 0; padding: 0; border: 0; display: flex; align-self: center; } .transparent-form-field .mat-form-field-prefix, .transparent-form-field-xl .mat-form-field-prefix { margin: 2px 10px; } .transparent-form-field input, .transparent-form-field-xl input { height: 20px; } .transparent-form-field .mat-form-field-underline, .transparent-form-field-xl .mat-form-field-underline { display: none; } .transparent-form-field-xl .mat-form-field-flex { padding: 8px !important; } .dense-mat-tab-group mat-tab-header { height: 36px; } .dense-mat-tab-group mat-tab-header .tab-label { position: absolute; left: 10px; } .dense-mat-tab-group mat-tab-header .alerts-count { position: absolute; right: 10px; } .dense-mat-tab-group mat-tab-header .mat-tab-label { font-size: 0.9rem; padding-bottom: 8px; width: 50%; min-width: unset; } .portfolio-strategy-form-tabs mat-tab-header { border: none; } .alerts-mat-tab-group .mat-ink-bar { width: 400px !important; } .alerts-mat-tab-group .mat-tab-label-active { opacity: 1 !important; } #tv_chart_container iframe { height: 100% !important; } .search-symbol-autocomplete .mat-option-text { font-size: 0.84rem; overflow: unset; white-space: break-spaces; position: relative; height: 100%; flex-grow: unset; line-height: normal; width: 100%; } .search-symbol-autocomplete mat-option { padding: 0 8px; } .search-symbol-autocomplete .add-symbol-hint-text { font-size: 0.55rem; position: absolute; right: 0; bottom: 0; color: #b5b5b5; height: 24px; display: flex; align-items: flex-end; } .chip-custom-form .mat-standard-chip { padding: 6px 8px !important; margin: 0 !important; min-height: 24px !important; } .expansion-row { overflow: hidden; display: flex; } .admin-tab-group { height: 88vh; } .admin-tab-group .mat-tab-body-wrapper { height: calc(100% - 49px); } .centered-card .mat-card-header .mat-card-header-text { margin: auto; } .notification-card { padding: 8px 8px 8px 0 !important; border-width: 1px; } .notification-card .mat-card-header .mat-card-header-text { margin: 0 !important; } .notification-card .mat-card-actions { padding: 0 !important; margin: 0 !important; } .indicator-condition .indicator-type { width: 25%; } .indicator-condition .indicator-text { margin-top: auto; margin-bottom: auto; } .indicator-condition .indicator-image-positive { height: 26px !important; width: 26px !important; } .backtest-symbol-detail-list mat-list-item { height: 36px !important; } .form-header-container { padding: 0 24px 0 24px; height: 48px; } @media screen and (max-width: 599px) { .profile-meta .mat-chip-list-wrapper { justify-content: center; } } .algo-logic-expansion .mat-expansion-panel-body { padding: 8px 0; } .mat-form-field-flex > .mat-form-field-infix { padding: 0.4em 0px; } .mat-form-field-appearance-fill .mat-form-field-flex { border-radius: 4px !important; } .mat-form-field-label-wrapper { top: -1.35em; } .mat-menu-panel.alerts-menu { min-width: 400px; max-height: 500px; } .filter-field { width: 100%; } .filter-field .mat-form-field-wrapper { padding: 16px 0px !important; } .dialog-no-overflow .mat-dialog-container { overflow: unset !important; } .email-communication-container .mat-form-field input { font-size: 14px; } .invisible-tabs .mat-tab-header { display: none; } .invisible-tabs .mat-tab-body-wrapper { margin-top: 0 !important; } .otp-input-custom-container { display: flex; flex-direction: row; flex-wrap: nowrap; } .otp-input-custom-container .otp-input-custom { border: none !important; border-bottom: 1px solid grey !important; border-radius: 0px !important; width: 32px !important; height: 32px !important; } .otp-input-custom-container .otp-input-custom:focus { outline: none; } .multi-broker-otp-input-container .n-o-c { gap: 12px !important; } .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { width: 40px !important; height: 46px !important; border: 1px solid #d3d3d3 !important; } .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus { border-color: #4A90E2 !important; } .totp-dialog-box .mat-dialog-container { border-radius: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .auto-option.mat-option { height: 36px; font-size: 12px; } .filter-input-container .mat-form-field-wrapper { padding: 0; margin: 0; } .filter-input-container .mat-form-field-label-wrapper { top: -0.75em; padding-top: 0.75em; } .filter-input-container .mat-form-field-label-wrapper .mat-form-field-label { line-height: 1.375em; } .checkbox-filter-container .mat-checkbox-layout { display: flex; width: 100%; align-items: center; } .checkbox-filter-container .mat-checkbox-layout .mat-checkbox-inner-container { width: 16px; height: 16px; margin: 0 8px 0 0; } .checkbox-filter-container .mat-checkbox-layout .mat-checkbox-label { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.87); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 0; } .checkbox-filter-container.select-all .mat-checkbox-label { font-weight: 500; } .mat-autocomplete-panel.symbol-autocomplete { margin-top: 12px !important; min-width: 220px !important; border-radius: 4px !important; bottom: 16px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .mat-autocomplete-panel.symbol-autocomplete .mat-option { min-height: 40px !important; line-height: 20px !important; padding: 10px 16px !important; font-size: 14px !important; } .mat-autocomplete-panel.symbol-autocomplete .mat-option.mat-selected, .mat-autocomplete-panel.symbol-autocomplete .mat-option:hover { background: rgba(0, 0, 0, 0.04) !important; } .mat-autocomplete-panel.symbol-autocomplete .mat-option .mat-option-text { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; display: block !important; } .mat-menu-item.menu-operator-item { height: 40px; line-height: 1.6; } .cdk-overlay-pane.operator-mat-dialog-container .mat-dialog-container { border-radius: 20px; padding: 0px !important; } .cdk-overlay-pane.operator-clients-mapping-dialog-container .mat-dialog-container { border-radius: 20px; padding: 0px !important; } .cdk-overlay-pane.operator-clients-mapping-dialog-container .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box .mat-form-field .mat-form-field-wrapper { padding: 0px !important; } .cdk-overlay-pane.operator-clients-mapping-dialog-container .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex { height: 40px; } .cdk-overlay-pane.upload-mapping-dialog .mat-dialog-container { border-radius: 20px; padding: 0px !important; } .indicator-label-menu .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix, .indicator-value-menu .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { top: -4px !important; right: 4px !important; } .cdk-overlay-pane:has(.mat-autocomplete-panel.indicator-list) { width: 148px !important; } .cdk-overlay-pane:has(.mat-autocomplete-panel.indicator-list) .overlay-input { padding: 0px 16px !important; height: 48px; font-size: 16px; line-height: 48px; } .ai-tooltip-content { min-width: 200px; } .ai-tooltip-content .tooltip-pnl { margin-top: 12px; justify-content: space-between; } .mpc-panel-container .mat-expansion-panel-header .search-input-field .mat-form-field-wrapper { padding-bottom: 12px !important; } .mpc-panel-container .mat-expansion-panel-header .search-input-field .mat-form-field-wrapper .mat-form-field-flex { background: #fff; } .font-poppins, .bot-message .ai-model *, .bot-message .message-bubble *, .bot-message .ai-model, .bot-message .message-bubble { font-family: "Poppins", sans-serif; } .font-noto-sans, .toxic-alert .alert-text, .user-message .message-bubble { font-family: "Noto Sans", sans-serif; } .font-inter { font-family: "Inter", sans-serif; } .hover-link, .toxic-alert .alert-text .policy-link { text-decoration: none; cursor: pointer; } .hover-link:hover, .toxic-alert .alert-text .policy-link:hover { text-decoration: underline; } .user-message { position: relative; gap: 8px; } .user-message .message-bubble { padding: 8px; border-radius: 16px; word-wrap: break-word; white-space: pre-wrap; } .user-message .retry-action { position: absolute; bottom: -18px; left: 44px; } .chat-input, .widget-input { border-radius: 16px; } .chat-input .input, .widget-input .input { flex: 1; border: none; outline: none; background-color: transparent; resize: none; overflow: auto; white-space: pre-wrap; } .toxic-alert { border-radius: 12px; margin: auto; } .toxic-alert .error-icon { width: 24px; height: 24px; } .advisor-prompts .mat-expansion-panel-body { padding: 8px 16px; } .advisor-prompts .hover-link:not(:last-child), .advisor-prompts .toxic-alert .alert-text .policy-link:not(:last-child), .toxic-alert .alert-text .advisor-prompts .policy-link:not(:last-child) { padding-bottom: 8px; margin-bottom: 8px; } @font-face { font-family: InterSemiBold; src: url("/assets/fonts/Inter_SemiBold.ttf") format("truetype"); } @font-face { font-family: InterRegular; src: url("/assets/fonts/Inter_Regular.ttf") format("truetype"); } @font-face { font-family: InterMedium; src: url("/assets/fonts/Inter_Medium.ttf") format("truetype"); } @font-face { font-family: InterExtraBold; src: url("/assets/fonts/Inter_ExtraBold.ttf") format("truetype"); } @font-face { font-family: OpenSansRegular; src: url("/assets/fonts/OpenSans_Regular.ttf") format("truetype"); } @font-face { font-family: OpenSansSemiBold; src: url("/assets/fonts/OpenSans_SemiBold.ttf") format("truetype"); } @font-face { font-family: OpenSansMedium; src: url("/assets/fonts/OpenSans_Medium.ttf") format("truetype"); } @font-face { font-family: OpenSansExtraBold; src: url("/assets/fonts/OpenSans_ExtraBold.ttf") format("truetype"); } @font-face { font-family: SpaceGroteskRegular; src: url("/assets/fonts/SpaceGrotesk-Regular.ttf") format("truetype"); } @font-face { font-family: SpaceGroteskBold; src: url("/assets/fonts/SpaceGrotesk-Bold.ttf") format("truetype"); } @font-face { font-family: SpaceMonoRegular; src: url("/assets/fonts/SpaceMono-Regular.ttf") format("truetype"); } @font-face { font-family: RobotoRegular; src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: RobotoBold; src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype"); } .font-inter-semibold { font-family: "InterSemiBold", "OpenSansSemiBold", sans-serif !important; font-weight: lighter !important; } .font-inter-regular { font-family: "InterRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .font-inter-medium, .funds-container .funds-tabs .mat-tab-header .mat-tab-label-active .mat-tab-label-content { font-family: "InterMedium", "OpenSansMedium", sans-serif !important; font-weight: lighter !important; } .font-inter-extrabold, .vertical-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content, .rounded-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content, #header-component mat-toolbar .dashboard-tabs .mat-button-toggle-checked { font-family: "InterExtraBold", "OpenSansExtraBold", sans-serif !important; font-weight: lighter; } .font-spacegrotesk-regular { font-family: "SpaceGroteskRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter; } .font-spacegrotesk-bold { font-family: "SpaceGroteskBold", "OpenSansExtraBold", sans-serif !important; font-weight: lighter; } .font-spacemono-regular { font-family: "SpaceMonoRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter; } .font-roboto-regular { font-family: "RobotoRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .font-roboto-bold { font-family: "RobotoBold", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font-size: 24px; font-weight: 400; line-height: 32px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font-size: 20px; font-weight: 500; line-height: 32px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font-size: 16px; font-weight: 400; line-height: 28px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font-size: 15px; font-weight: 400; line-height: 24px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font-size: 14px; font-weight: 500; line-height: 24px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font-size: 12px; font-weight: 400; line-height: 20px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font-size: 112px; font-weight: 300; line-height: 112px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font-size: 56px; font-weight: 400; line-height: 56px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font-size: 45px; font-weight: 400; line-height: 48px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font-size: 34px; font-weight: 400; line-height: 40px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } html { --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; } html { --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-standard-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif; } html { --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-expansion-header-text-size: 15px; --mat-expansion-header-text-weight: 400; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 500; } html { --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font-size: 14px; font-weight: 500; line-height: 24px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-datepicker-content .mdc-button { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif)); font-size: var(--mdc-typography-button-font-size, 14px); line-height: var(--mdc-typography-button-line-height, 14px); font-weight: var(--mdc-typography-button-font-weight, 500); letter-spacing: var(--mdc-typography-button-letter-spacing, normal); -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); text-decoration: var(--mdc-typography-button-text-decoration, none); text-transform: var(--mdc-typography-button-text-transform, none); } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } input.mat-input-element { margin-top: -0.0625em; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-dialog-title { font-size: 20px; font-weight: 500; line-height: 32px; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #23262f; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #0d70ff; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #f44336; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #23262f; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #0d70ff; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: #23262f; } .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: #23262f; background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #23262f; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #0d70ff; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #f44336; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-content .mat-mdc-button.mat-unthemed { --mdc-text-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #23262f; } .mat-datepicker-content .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #0d70ff; } .mat-datepicker-content .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #f44336; } .mat-datepicker-content .mat-mdc-button[disabled][disabled] { --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed { --mdc-filled-button-container-color: #fff; --mdc-filled-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #23262f; --mdc-filled-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #0d70ff; --mdc-filled-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #f44336; --mdc-filled-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] { --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-datepicker-content .mat-mdc-raised-button.mat-unthemed { --mdc-protected-button-container-color: #fff; --mdc-protected-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #23262f; --mdc-protected-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #0d70ff; --mdc-protected-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #f44336; --mdc-protected-button-label-text-color: #fff; } .mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] { --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation: 0; } .mat-datepicker-content .mat-mdc-outlined-button { --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed { --mdc-outlined-button-label-text-color: #000; } .mat-datepicker-content .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #23262f; } .mat-datepicker-content .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #0d70ff; } .mat-datepicker-content .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #f44336; } .mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] { --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); } .mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #23262f; --mat-mdc-button-ripple-color: rgba(35, 38, 47, 0.1); } .mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #0d70ff; --mat-mdc-button-ripple-color: rgba(13, 112, 255, 0.1); } .mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-datepicker-content .mat-mdc-icon-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); --mdc-icon-button-icon-color: inherit; --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-datepicker-content .mat-mdc-icon-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #6200ee; --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #018786; --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #b00020; --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #23262f; --mat-mdc-button-persistent-ripple-color: #23262f; --mat-mdc-button-ripple-color: rgba(35, 38, 47, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #0d70ff; --mat-mdc-button-persistent-ripple-color: #0d70ff; --mat-mdc-button-ripple-color: rgba(13, 112, 255, 0.1); } .mat-datepicker-content .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #f44336; --mat-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] { --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38); --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } .mat-datepicker-content .mat-mdc-button.mat-mdc-button-base, .mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base, .mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base { height: 36px; } .mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } .mat-option { color: #23262f; } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: #23262f; } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #23262f; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #0d70ff; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-ripple-element { background-color: rgba(35, 38, 47, 0.1); } .mat-pseudo-checkbox-full { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #23262f; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #23262f; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafcfc; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #0d70ff; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #0d70ff; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafcfc; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #0d70ff; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #0d70ff; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafcfc; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #f44336; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #f44336; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafcfc; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #b0b0b0; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #b0b0b0; } .mat-app-background { background-color: #fafcfc; color: #23262f; } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1, .custom-snackbar { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2, .ut-pro-elevated-card { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6, .hover-menu-styles button.hover:hover, .market-watch-wrapper .rows .row .hover-menu button.hover:hover { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .mat-card { background: white; color: #23262f; } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-progress-bar-background { fill: #c4c7c9; } .mat-progress-bar-buffer { background-color: #c4c7c9; } .mat-progress-bar-fill::after { background-color: #23262f; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #bfd9fd; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #bfd9fd; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #0d70ff; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f9cecb; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f9cecb; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #23262f; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #0d70ff; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #f44336; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #23262f; } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-form-field.mat-accent .mat-input-element { caret-color: #0d70ff; } .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .mat-form-field-disabled .mat-form-field-prefix, .mat-form-field-disabled .mat-form-field-suffix { color: rgba(0, 0, 0, 0.38); } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #23262f; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #0d70ff; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .mat-focused .mat-form-field-required-marker { color: #0d70ff; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #23262f; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #0d70ff; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #23262f; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #0d70ff; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .mat-error { color: #f44336; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(35, 38, 47, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(35, 38, 47, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #23262f; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #0d70ff; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-select-value { color: #23262f; } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #23262f; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #0d70ff; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafcfc; } .mat-checkbox-checkmark-path { stroke: #fafcfc !important; } .mat-checkbox-mixedmark { background-color: #fafcfc; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #23262f; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #0d70ff; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } .mat-checkbox .mat-ripple-element { background-color: #23262f; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #23262f; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #0d70ff; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .mat-autocomplete-panel { background: white; color: #23262f; } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: #23262f; } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: #23262f; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: #23262f; } .mat-chip.mat-standard-chip .mat-chip-remove { color: #23262f; opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: #23262f; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #23262f; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #0d70ff; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #0d70ff; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(13, 112, 255, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #0d70ff; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #23262f; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(35, 38, 47, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #23262f; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: #23262f; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #23262f; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #23262f; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #0d70ff; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #0d70ff; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: #23262f; } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #23262f; } .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(35, 38, 47, 0.2); } .mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #0d70ff; } .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(13, 112, 255, 0.2); } .mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #f44336; } .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(35, 38, 47, 0.12); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(35, 38, 47, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(35, 38, 47, 0.7), rgba(35, 38, 47, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(35, 38, 47, 0.7), rgba(35, 38, 47, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(35, 38, 47, 0.7), rgba(35, 38, 47, 0.7) 2px, transparent 0, transparent); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: #23262f; } .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-list-base .mat-list-item { color: #23262f; } .mat-list-base .mat-list-option { color: #23262f; } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: #23262f; } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: #23262f; } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] > .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused { background-color: rgba(189, 190, 193, 0.3); } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #23262f; } .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused { background-color: rgba(179, 226, 253, 0.3); } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #0d70ff; } .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused { background-color: rgba(189, 190, 193, 0.3); } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #23262f; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused { background-color: rgba(179, 226, 253, 0.3); } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #0d70ff; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled { background-color: rgba(0, 0, 0, 0.1); } .mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #0d70ff; } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: #23262f; } .mat-badge { position: relative; } .mat-badge.mat-badge { overflow: visible; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; background-color: var(--mat-badge-background-color); color: var(--mat-badge-text-color); font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mat-badge-text-font, Roboto, sans-serif); font-size: 12px; /* @alternate */ font-size: var(--mat-badge-text-size, 12px); font-weight: 600; /* @alternate */ font-weight: var(--mat-badge-text-weight, 600); } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-disabled .mat-badge-content { background-color: var(--mat-badge-disabled-state-background-color); color: var(--mat-badge-disabled-state-text-color); } .mat-badge-hidden .mat-badge-content { display: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; font-size: 9px; /* @alternate */ font-size: var(--mat-badge-small-size-text-size, 9px); } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; font-size: 24px; /* @alternate */ font-size: var(--mat-badge-large-size-text-size, 24px); } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } html { --mat-badge-background-color: #23262f; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9baba; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #0d70ff; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-bottom-sheet-container-text-color: #23262f; --mat-bottom-sheet-container-background-color: white; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: #23262f; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: #23262f; --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #23262f; --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; } html { --mat-standard-button-toggle-height: 48px; } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #23262f; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(35, 38, 47, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(35, 38, 47, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(35, 38, 47, 0.3); --mat-datepicker-toggle-active-state-icon-color: #23262f; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(35, 38, 47, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: #23262f; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: #23262f; --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #23262f; } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #0d70ff; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(13, 112, 255, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(13, 112, 255, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(13, 112, 255, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(13, 112, 255, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #0d70ff; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #f44336; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target { display: none; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #23262f; --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: #23262f; --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #23262f; } .mat-icon.mat-accent { --mat-icon-color: #0d70ff; } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #23262f; --mat-sidenav-content-background-color: #fafcfc; --mat-sidenav-content-text-color: #23262f; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #23262f; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #23262f; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #23262f; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: #23262f; --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #0d70ff; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #0d70ff; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #0d70ff; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } .mat-sort-header-arrow { color: #757575; } html { --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #23262f; } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #23262f; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #0d70ff; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: #23262f; } .mat-tree-node { min-height: 48px; } /* Call Mixins Here to Apply Theme */ .mode-chip.sell { background-color: #ef5350; color: #ffffff; } .mode-chip.buy { background-color: #4bb543; color: #ffffff; } .sell-box, .funds-container .pending, .funds-container .failure { background-color: #fcdddc !important; color: #ef5350 !important; border: 1px solid #ef5350 !important; } .buy-box, .funds-container .success { background-color: #d7efd5 !important; color: #4bb543 !important; border: 1px solid #4bb543 !important; } .toggle-sm, .default-toggle-sm, .sell-toggle-sm, .buy-toggle-sm { font-weight: bolder; } .buy-toggle-sm { background-color: #4bb543 !important; } .sell-toggle-sm { background-color: #ef5350 !important; } .default-toggle-sm { border: 1px solid #bfc3cb; } .accent-box { background-color: #e5f5fe; color: #26adf8; border: 1px solid #26adf8; } .accent-border { border: 1px solid #e6f5fe !important; } .disabled-box { background-color: #f7f6ff !important; color: #bbd3e0; border: 1px solid #919397; } .disabled-text { color: #bbd3e0; } .status.Executed { color: #4bb543; } .status.Cancelled { color: #ef5350; } .indicator-conditions.color .BUY, .indicator-conditions.color .target-profit { color: #4bb543 !important; } .indicator-conditions.color .SELL, .indicator-conditions.color .stop-loss { color: #ef5350 !important; } .indicator-conditions.color .indicator { color: #0d70ff !important; } .broker-details-menu { max-width: 500px !important; } .broker-details-menu .title h3 { margin: 0; } .broker-details-menu .title .divider { width: 100%; height: 2px; } .broker-details-menu .data-container .value-label-container { width: 50%; display: inline-flex; flex-direction: column; min-width: 180px; } .broker-details-menu .data-container .value-label-container.space-between { justify-content: space-between; } .broker-details-menu .data-container .value-label-container .label { color: #5781ff; font-size: 0.7rem; } .broker-details-menu .data-container .value-label-container .value { font-size: 1rem; } .close-icon { width: 14px !important; height: 14px !important; border-radius: 50%; border: 1px solid #bfc3cb; font-size: 10px !important; } .accent-divider { background-color: #0d70ff; height: 2px; } .align-end { display: flex; justify-content: end; } .data-value-label-container { display: inline-flex; justify-content: space-between; align-items: center; } .data-value-label-container .label { font-size: 0.9rem; } .data-value-label-container .value { font-size: 1rem; } .display-box { display: -webkit-box; display: -moz-box; display: box; } .card-buttons button { width: 50%; height: 48px; position: absolute; transform: translate(44%, -30%) !important; box-shadow: 0px 4px 2px #d7d7d7 !important; } .border-bottom { border-bottom: 2px solid #ffffff; } .bottom-divider { border-bottom: 2px solid #e8eff3; } .outline:focus-visible { outline: auto !important; outline-color: #000000 !important; } .sidenav { box-shadow: 2px 0 2px rgba(0, 0, 0, 0.04); } mat-nav-list a.active { color: #0d70ff; } .shimmer-container .shine { background: #bdbec1; background-image: linear-gradient(to right, #bdbec1 0%, #bdbec1 20%, #bdbec1 40%, #bdbec1 100%); } .login-form-container .or-container hr { color: #e8eff3; border: 1px solid #e8eff3; background-color: #e8eff3; } .login-form-container .or-container .or-label { color: #b8b8b8; background-color: white; } .login-form-container .login-button { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .login-form-container .footer-container a { color: #2f6dc2; } .legal-links { color: #277dd7; } .multi-broker-login-container .guest-login-form .social-login-section .social-login-btn { height: 40px; gap: 12px; } .multi-broker-login-container .guest-login-form .social-login-section .social-login-btn:disabled { cursor: default !important; } .multi-broker-login-container .guest-login-form .social-login-section .social-login-btn:not(:disabled) { transition: all 0.3s ease; border: 1px solid #bfc3cb; background-color: white; } .multi-broker-login-container .guest-login-form .social-login-section .social-login-btn:not(:disabled):hover { border-color: #65676d; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .multi-broker-login-container .guest-login-form .social-login-section .social-login-btn:not(:disabled):active { transform: scale(0.98); } .multi-broker-login-container .guest-login-form .social-login-section .social-login-btn .social-icon { width: 20px; height: 20px; object-fit: contain; } .multi-broker-login-container .guest-login-form .social-login-section .or-container hr { color: #e8eff3; border: 1px solid #e8eff3; background-color: #e8eff3; } .multi-broker-login-container .guest-login-form .social-login-section .or-container .or-label { top: 0; } .multi-broker-login-container .guest-login-form .phone-input-wrapper { height: 40px; transition: border-color 0.3s ease; } .multi-broker-login-container .guest-login-form .phone-input-wrapper.error-border { border-color: #e95647 !important; } .multi-broker-login-container .guest-login-form .phone-input-wrapper .input-divider { width: 2px; background-color: #e8eff3; } .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { -webkit-appearance: none; } .multi-broker-login-container .guest-login-form .error-messages { top: calc(100% + 4px); left: 0; z-index: 1; animation: slideDown 0.3s ease-out; transform-origin: top; } .multi-broker-login-container .guest-login-form .error-messages .error-message { color: #e95647; line-height: 16px; } @keyframes slideDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .multi-broker-login-container .guest-login-form .new-submit-button { height: 40px; } .multi-broker-login-container .guest-login-form .turnstile-container { min-height: 52px; transform: scale(0.8); } .multi-broker-login-container .broker-login-container .broker-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .multi-broker-login-container .broker-login-container .broker-grid .broker-card .broker-card-content { width: 98px; height: 70px; border: 1px solid #bfc3cb; gap: 8px; transition: box-shadow 0.3s ease; } .multi-broker-login-container .broker-login-container .broker-grid .broker-card .broker-card-content:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; } .multi-broker-login-container .broker-login-container .broker-grid .broker-card .broker-card-content .broker-logo { max-height: 37px; max-width: 80px; width: auto; height: auto; object-fit: contain; } .multi-broker-login-container .broker-login-container .broker-grid .broker-card .broker-card-content .broker-name { color: #1f222a; line-height: 1; } .multi-broker-login-container .broker-login-container .broker-grid .broker-card.more-card .broker-card-content .more-icon-wrapper { width: 37px; height: 37px; border-radius: 50%; } .multi-broker-otp-container .verify-otp-button { height: 40px; } .selected-broker-container .broker-continue-button { height: 40px; } .broker-selection-dialog-container .dialog-header .close-button { width: 20px; height: 20px; line-height: 12px; border-radius: 50%; border: 1px solid #777e90; } .broker-selection-dialog-container .broker-search-container .custom-search-field { height: 40px; padding: 0 8px; gap: 4px; transition: border-color 0.3s ease; } .broker-selection-dialog-container .broker-search-container .custom-search-field:focus-within { border-color: #0d70ff; } .broker-selection-dialog-container .broker-search-container .custom-search-field .search-icon { font-size: 20px; width: 20px; height: 20px; line-height: 20px; flex-shrink: 0; } .broker-selection-dialog-container .broker-search-container .custom-search-field .search-input { height: 100%; background: transparent; } .broker-selection-dialog-container .broker-search-container .custom-search-field .search-input::placeholder { color: #777e90; opacity: 1; } .broker-selection-dialog-container .broker-search-container .custom-search-field .search-input:focus { outline: none; } .broker-selection-dialog-container .dialog-content { flex: 1; overflow-y: auto; min-height: 0; scrollbar-width: none; -ms-overflow-style: none; } .broker-selection-dialog-container .dialog-content::-webkit-scrollbar { display: none; width: 0; height: 0; } .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card .broker-card-content { width: 100%; height: 70px; border: 1px solid #bfc3cb; gap: 8px; transition: box-shadow 0.2s ease; padding: 8px; } .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card .broker-card-content:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; } .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card .broker-card-content .broker-logo { max-height: 32px; max-width: 70px; width: auto; height: auto; object-fit: contain; } .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card .broker-card-content .broker-name { color: #1f222a; line-height: 1.2; font-weight: 500; } .broker-selection-dialog-container .dialog-content .broker-grid-container .no-results { min-height: 200px; display: flex; align-items: center; justify-content: center; } .broker-selection-dialog-container .dialog-footer { flex-shrink: 0; } .broker-selection-dialog-container .dialog-footer a:hover { text-decoration: underline; } .strategy-form-title { height: 32px; background: #d7e1ff; } .strategy-leg-container .buy-form-field .mat-select-value-text { color: #009688 !important; } .strategy-leg-container .sell-form-field .mat-select-value-text { color: #f44336 !important; } .strategy-leg-container .timeline-point { background-color: #0d70ff; } .strategy-leg-container .timeline { width: 1px; border-left: 1px dashed #3c81f3; } .strategy-leg-container .border-dashed { border-top: 1px dashed #bfc3cb !important; } .strategy-leg-container .disabled-label { color: #bdbec1 !important; } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: #4ba2fa; } .portfolio-name-input { border-radius: 8px; width: 176px !important; padding: 4px 24px 4px 4px; } .portfolio-name-input:hover { outline: 2px solid #000000 !important; } .portfolio-name-input:focus { outline: 2px solid #008ede !important; } .portfolio-form-wrapper .strategy-exit-div { border-bottom: 1px dashed #cdcdcd; } .portfolio-form-wrapper .strategy-exit-div { border-top: 1px dashed #cdcdcd; } .portfolio-form-wrapper .add-strategy-btn { border: 1px dashed #0d70ff !important; color: #0d70ff !important; } .portfolio-form-wrapper .add-strategy-btn-disabled { border: 1px dashed #777e90 !important; } .portfolio-form-wrapper .add-strategy-btn:focus-visible { outline: 1px solid #000000 !important; } .portfolio-form-wrapper .portfolio-expansion-header { background-color: #e6f5fe !important; } .portfolio-form-wrapper .timeline-point { background-color: #0d70ff; } .portfolio-details { min-height: 64px; } .portfolio-details .tags-details .ut-pro-mat-form-field.label-field { align-items: flex-start; } .row-condition .bar, .row-creation-controls .bar { border-left: 1px solid #0d70ff; } .row-condition .joining-line, .row-creation-controls .joining-line { background: #0d70ff; } .row-condition mat-form-field, .row-creation-controls mat-form-field { background: #FAFCFC; } .app-advance-indicator-form .close-icon { background: #ef5350; color: #ffffff; } .app-advance-indicator-form .add-new-button { color: #0044a6; } .ngx-progress-loader-container .overlay { background: rgba(250, 252, 252, 0.4); } .strategy-exit-div .border-solid-left { border-left: 1px solid #bfc3cb !important; } .strategy-exit-div .border-top { border-top: 1px dashed #bfc3cb !important; } .strategy-exit-div .update-button { color: #ffffff !important; } .strategy-exit-div .disabled-label { color: #bdbec1 !important; } .parameters-container .parameters-layout { border: 1px solid #777e90 !important; } .parameters-container .parameters-layout .label { background-color: white !important; color: #777e90 !important; } .strategy-card-wrapper .border-color-card { border: 1px solid lightgray !important; } .strategy-card-wrapper .resume-pause { border: 1px solid #2f6dc2; color: #2f6dc2; } .strategy-card-wrapper .resume-pause mat-icon { width: 16px; } .strategy-card-wrapper .deploy-button-change { border: 1px solid #2f6dc2; color: #2f6dc2; } .strategy-card-wrapper .vert-icon { border: 1px solid lightgray; } .strategy-card-wrapper .badge-card { background-color: #f2f5f7; } .learn-more { color: #277dd7; } .win-dot { background-color: #009688; } .loss-dot { background-color: #f44336; } .strategy-details-div .const-margin > * { margin-bottom: 8px; margin-right: 16px; } .strategy-details-div .form-type-toggle { position: relative; height: 48px !important; bottom: 48px; border-radius: 24px; width: 250px !important; } .strategy-details-div .sl-to-cost-icon { height: 24px !important; } .strategy-details-div .underlying-toggle { bottom: 2px; border-radius: 8px; width: 124px !important; } .strategy-details-div .toggle-form-field { height: 30px !important; padding: 6px 8px; } .strategy-details-div .product-toggle { bottom: 2px; border-radius: 8px; width: 180px; } .strategy-details-div .square-toggle { width: 138px !important; } .strategy-details-div .exit-toggle { bottom: 6px; } .strategy-details-div .toggle-positioning { top: 6px; margin-top: 4px; } .strategy-details-div .bg-form-prop { background-clip: padding-box; padding: 20px 4px 8px 8px; } .strategy-details-div .padding-box { padding: 20px 24px 2px 16px; } .strategy-details-div .mat-icon-16 { height: 16px; width: 16px; } .strategy-details-div .mat-12-icon { height: 12px; width: 12px; } .strategy-details-div .section-bottom { bottom: 16px; } .strategy-details-div .icon-height { height: 14px !important; } .strategy-details-div .strategy-name-input { border-radius: 8px; width: 176px !important; padding: 4px 24px 4px 4px; } .strategy-details-div .strategy-name-input:hover { outline: 2px solid #000000 !important; } .strategy-details-div .strategy-name-input:focus { outline: 2px solid #008ede !important; } .strategy-details-div .edit-icon { right: 20px; } .strategy-details-div .chip-form-position { bottom: 2px; left: 8px; } .backtest-strategy-card-wrapper .mat-card { background: white !important; border: 1px solid #d2e8ff !important; } .active-actions-button.mat-stroked-button:not(:disabled) { border: 1px solid #277dd7 !important; color: #277dd7 !important; } .border-color-card { border: 1px solid lightgray !important; } .text-green { color: #009688; } .day-pnl { color: #2f6dc2; } .resume-pause { border: 1px solid #2f6dc2; color: #2f6dc2; } .brokers-list-item { border-radius: 10px; padding: 0 4px; } .navigate-icon { width: 18px !important; height: 18px !important; border-radius: 50%; border: 1px solid #bfc3cb; font-size: 14px !important; background: white !important; } .white-text { color: white !important; } .ai-input-wrapper { position: relative; width: 730px; } .blinking-dots { position: absolute; left: 12px; top: 12px; color: gray; font-style: italic; pointer-events: none; font-size: 14px; } .blinking-dot { animation: blink 1s infinite; } @keyframes blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } } .ai-model-selector { width: 730px; } .suggestions-container { gap: 16px; flex-wrap: wrap; } .suggestions-container .prompt-card { width: -moz-fit-content; width: fit-content; } .suggestions-container .prompt-card:hover { cursor: pointer; } .icon-12 { width: 12px; height: 12px; } .depth-widget-wrapper .header-section { color: black; } .depth-widget-wrapper .row .column.ask-column { color: #ef5350; } .depth-widget-wrapper .row .column.bid-column { color: #4bb543; } .active-style, .hover-menu-styles button.hover:hover, .market-watch-wrapper .rows .row .hover-menu button.hover:hover, .market-watch-wrapper .market-watch-numbers .market-watch-number.active { background: #0d70ff; color: #ffffff; } .market-watch-wrapper .heading { color: rgba(68, 71, 78, 0.6); } .market-watch-wrapper .market-watch-numbers .market-watch-number { border: 1px solid rgba(116, 121, 132, 0.6); } .market-watch-wrapper .market-watch-numbers .market-watch-number:not(.active):hover { background: rgba(255, 255, 255, 0.6); } .gainer-loser-wrapper .data-container .row-headers { background: rgba(87, 129, 255, 0.1); } .bg-profit { background-color: #43a646; } .depth_scalper { background-color: #013fb6; } .hover-menu-container-buttons .button-wrapper .last-buttons { border: 0.86px solid #9b9b9b; background-color: white; } .hover-menu-container-buttons .button-wrapper .last-buttons .mw-hover-icons { color: #737373 !important; } .hover-menu-container-buttons .button-wrapper .last-buttons:hover { background-color: #aeaeae; } .hover-menu-container-buttons .button-wrapper .last-buttons:hover .mw-hover-icons { color: white !important; } .widget-controls * { color: #0d70ff; } .symbol-count { color: #d1d1d1; padding-top: 2px; } .lightgray-icon { color: rgba(35, 38, 47, 0.6); } .align-icon { vertical-align: middle; } .pin-buttons .mat-flat-button.mat-accent { background-color: #d8e8ff !important; } .chart-button { width: 20px !important; height: 20px !important; } .chart-button mat-icon { right: 2px; top: 4px; } .market-watch-list .mw-list-item .item-container .mw-watch-row { position: relative !important; } .market-watch-list .mw-list-item .item-container .mw-watch-row .hover-menu { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; opacity: 0; visibility: hidden; transition: all 0.2s ease; z-index: 999 !important; pointer-events: auto !important; } .market-watch-list .mw-list-item .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container { display: flex !important; align-items: center !important; background: var(--background-color); border-radius: 4px; padding: 2px; white-space: nowrap; } .market-watch-list .mw-list-item .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 32px; width: 32px; height: 24px; line-height: 24px; padding: 0; border-radius: 2px; } .market-watch-list .mw-list-item .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper button.first-buttons { font-weight: 600; font-size: 12px; } .market-watch-list .mw-list-item .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper button.last-buttons { color: var(--text-color); } .market-watch-list .mw-list-item .item-container .mw-watch-row:hover .hover-menu { opacity: 1 !important; visibility: visible !important; } .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label { font-size: 8px; } .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container { min-width: 60px; } .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price { min-width: 60px; } .market-watch-list .mw-list-item .item-container.unexpanded { border-bottom: 1px solid lightgray; } .market-watch-list .mw-list-item:hover { background-color: #f8f8f8 !important; } .market-watch-upper-container .market-watch-container .filter-input { background-color: #5781ff; } .market-watch-upper-container .market-watch-container .filter.toggle-state { background-color: #5781ff; border-right: 1px solid #bdbec1; } .market-watch-upper-container .market-watch-content { width: 456px; min-width: 456px; background: white; box-sizing: border-box; } .hover-menu { background-color: #f8f8f8 !important; } .hover-menu button { color: #23262f; } .hover-menu button:disabled { background-color: #787878 !important; } .hover-buttons .order-depth { background-color: #fafcfc; color: #23262f !important; border-color: #787878; } .hover-buttons .oc-color:not(:disabled) { background-color: #fafcfc; } .hover-buttons .last-buttons { color: #e5e5e6; } .search-symbol-option-container mat-option { background-color: white; border-top: 0.5px solid whitesmoke; } .search-symbol-option-container mat-option:hover { background-color: #f8f8f8 !important; } .company-name { color: #787878; } .market-watch-settings-menu .header-row { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .market-watch-settings-menu .mat-menu-content .label { color: #7e7e7e; } .market-watch-settings-menu .radio-group .mat-radio-container { height: 14px; width: 14px; } .market-watch-settings-menu .radio-group .mat-radio-outer-circle { height: 14px; width: 14px; } .market-watch-settings-menu .radio-group .mat-radio-inner-circle { height: 14px; width: 14px; } .market-watch-settings-menu .radio-group .mat-radio-button { margin-right: 20px; } .mat-menu-panel.market-watch-settings-menu { background-color: white !important; } .search-field-form .feather { color: #7e7e7e !important; } .ums-form-heading { border-bottom: 2px solid #f4f4f6; } .side-list-container .list-section mat-list mat-list-item:hover { background: white; } .ums-form-heading { border-bottom: 2px solid #f4f4f6; } .side-list-container .list-section mat-list mat-list-item:hover { background: white; } .feature-box-values { background-color: rgba(13, 112, 255, 0.2); } .feature-box-values .section { border-bottom: 1px solid #0d70ff; } .feature-box-keys { background-color: rgba(87, 129, 255, 0.2); } .feature-box-keys .section { border-bottom: 1px solid #8aa7ff; } .option-chain-table .option-chain-header { color: #23262f; } .option-chain-table .call-above, .option-chain-table .put-below { background-color: #fff2d7; } .option-chain-table .strike-row { background-color: #ebebeb; } .option-chain-table .row-highlight:hover td { background-color: #d7d7d7 !important; } .option-chain-table mat-button-toggle-group { overflow: visible; } .login-bg-mask { z-index: 0; background-image: url('bg-mask-image.png'); background-size: 400px; background-repeat: repeat; opacity: 1; border-radius: 100%; right: -5vw; top: 1vw; mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 75%); mask-position: center; mask-repeat: no-repeat; mask-size: 100% 100%; } .login-bg-mask-left { z-index: 0; background-image: url('bg-mask-image.png'); background-size: 400px; background-repeat: repeat; opacity: 1; border-radius: 100%; left: -5vw; top: 1vw; mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 75%); mask-position: center; mask-repeat: no-repeat; mask-size: 100% 100%; } .dashboard-wrapper { z-index: 0; } .dashboard-wrapper .subheading { color: #777e90; } .cards-container .username, .cards-container .greetings { color: #0d70ff; } .orders-wrapper .filters-container, .trades-wrapper .filters-container, .positions-wrapper .filters-container { background-color: #ffffff; border-radius: 8px 8px 0px 0px; margin-top: 16px; } .blend-bg { background-color: #ffffff !important; height: auto; border-radius: 0px 0px 8px 8px; } .table-background-color th { background-color: #f2f8ff; } .table-background-color tr.mat-header-row { height: 40px; } .success-div { background-color: #e6f5f3; color: #009688; } .running { background-color: #e6f5f3; } .paused { background-color: rgba(238, 161, 13, 0.6); } .pending-square-off { background-color: #feeceb; } .error-div { background-color: #feeceb; color: #e95647; } .warn-div { background-color: #f4f5e6; color: #e8d421; } .dropdown-menu a { font-size: 12px; color: #000000 !important; } .dropdown-menu { display: block; max-height: 160px; overflow-y: auto; position: absolute; z-index: 10000; float: left; min-width: 160px; padding: 8px 0px; margin: 8px 0 0; text-align: left; list-style: none; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 8px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.18); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { text-decoration: none; background-color: #f0f0f0; outline: 0; } .auth-wrapper { min-height: calc(100vh - 32px); overflow: hidden; } .auth-wrapper .login-bg-mask { z-index: 0; background-image: url('bg-mask-image.png'); background-size: 400px; background-repeat: repeat; opacity: 1; border-radius: 100%; right: 0; position: fixed; mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 75%); mask-position: center; mask-repeat: no-repeat; mask-size: 100% 100%; } .auth-wrapper .auth-content-wrapper { width: 100%; max-width: 1400px; z-index: 1; position: relative; min-height: calc(100vh - 32px); } .auth-wrapper .auth-content-wrapper::before { content: ""; width: 45%; flex-shrink: 0; } .auth-wrapper .benefits-container { z-index: 1; max-width: 45%; position: fixed; top: 50%; transform: translateY(calc(-50% - 16px)); left: max((100vw - 1400px) / 2 + 70px, 5vw); } .auth-wrapper .benefits-container .benefit { justify-content: flex-start; } .auth-wrapper .benefits-container .benefit .benefit-icon { width: 1.5rem; } .auth-wrapper .form-container { z-index: 1; width: 370px; box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.01), 0px 5px 4px rgba(3, 7, 18, 0.02), 0px 12px 9px rgba(3, 7, 18, 0.04), 0px 20px 15px rgba(3, 7, 18, 0.05); } .otp-input-container .otp-input { border: none; border-bottom: 1px solid; } .otp-input-container .otp-input:focus { outline: none; } .footer { background-color: #d9eafc; } .footer mat-icon, .footer span { color: #277dd7; } a.active-tab, button.active-tab { color: #003cf0 !important; border-bottom: 2px solid #003cf0 !important; border-radius: 0 !important; transition: border-bottom 0.2s ease-in-out; height: 100%; } a.active-tab *, button.active-tab * { color: inherit !important; } .border-separater { background-color: #e0e0e0; } #header-component { border-radius: 0 0 32px 32px; } #header-component mat-toolbar { position: absolute; top: 0%; padding: 0 16px; width: -webkit-fill-available; } #header-component mat-toolbar .tools-padding:hover { color: #003cf0; } #header-component mat-toolbar .dashboard-tabs mat-button-toggle { color: #f1f1f1; } #header-component mat-toolbar .dashboard-tabs .mat-button-toggle-checked { font-size: 14px !important; background-color: transparent; color: #ffffff; } .tool-btn { height: 36px; } .pinned-mat-card { background: transparent; min-width: 164px; padding: 0 4px !important; } .title-name { color: #23262f; } .ticker-ltp { min-width: 72px; } .ticker-change-percent { min-width: 92px; } .change-percent-negative-box { border: 1px solid #feeceb; background-color: #feeceb; padding: 2px 8px; border-radius: 16px; color: #e74c3d; } .change-percent-positive-box { border: 1px solid #e6f5f3; background-color: #e6f5f3; padding: 2px 8px; border-radius: 16px; color: #009688; } .index-ticker-container .text-green { color: #009688; } .index-ticker-container .bg-index-watch { background-color: white; gap: 20px; } .index-ticker-wrapper { position: relative; display: flex; align-items: center; width: 100%; } .index-ticker-container { height: 32px; border: 1px solid #e5e5e6; border-left: none; overflow-y: scroll !important; scrollbar-width: none !important; -ms-overflow-style: none !important; padding-right: 28px; flex: 1; } .index-ticker-container::-webkit-scrollbar { display: none !important; } .menu-button-fixed { position: absolute; right: 0; top: 0; height: 32px; width: 28px; display: flex; align-items: center; justify-content: center; background-color: white; border: 1px solid #e5e5e6; border-right: none; z-index: 2; } .menu-button-fixed .settings-icon { color: #777e90; font-size: 16px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; } .text-green { color: #009688; } .text-negative-change { color: #feeceb; } .change-percent-negative-box { border: 1px solid #feeceb; background-color: #feeceb; padding: 2px 8px; color: #e74c3d; } .change-percent-positive-box { border: 1px solid #e6f5f3; background-color: #e6f5f3; padding: 2px 8px; color: #009688; } .index-watch-dialog-container { background-color: white; min-height: 400px; max-height: 80vh; } .index-watch-dialog-container .dialog-header { border-bottom: 1px solid #e5e5e6; } .index-watch-dialog-container .dialog-header .close-button { width: 20px; height: 20px; line-height: 12px; border: 1px solid #777e90; } .index-watch-dialog-container .tutorial-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(10, 17, 36, 0.8); z-index: 1000; } .index-watch-dialog-container .tutorial-overlay .tutorial-content { z-index: 1001; background-color: white; box-shadow: 0 6px 12px rgba(181, 203, 209, 0.12); max-width: 500px; width: 90%; border: 2px solid #3f51b5; } .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { color: #3f51b5; } .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { max-width: 100%; height: auto; } .index-watch-dialog-container .tutorial-overlay .tutorial-content .got-it-button { min-width: 140px; padding: 10px 20px; } .index-watch-dialog-container .dialog-content { scrollbar-width: none; -ms-overflow-style: none; } .index-watch-dialog-container .dialog-content::-webkit-scrollbar { width: 0; height: 0; } .index-watch-dialog-container .dialog-content .symbols-list-container { gap: 0; padding: 4px 0; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { background-color: transparent; padding: 12px 8px; border: 1px solid #e5e5e6; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:hover { background-color: #f8f8f8; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card.cdk-drag-placeholder { opacity: 0.3; background-color: #f8f8f8; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { color: #777e90; font-size: 20px; width: 20px; height: 20px; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle:active { cursor: grabbing !important; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { min-width: 70px; } .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .arrow-icon { font-size: 20px; width: 20px; height: 20px; line-height: 20px; } .index-watch-dialog-container .dialog-footer { border-top: 1px solid #e5e5e6; background-color: white; } .border-color-card { border: 1px solid lightgray !important; } .resume-pause { border: 1px solid #2f6dc2 !important; color: #2f6dc2 !important; } .text-green { color: #009688; } .board-green { background-color: #009688; } .chip-board-green { color: #009688; background: rgba(0, 150, 136, 0.2) !important; } .kebab-menu { border: 1px solid #f4f4f4; } .swiper-pagination .swiper-pagination-bullet { background: #b8b8b8 !important; } .swiper-pagination .swiper-pagination-bullet-active { background: #747474 !important; } .st-search-container .username { color: #ffffff; } .st-search-container .mat-select-value { color: #1a1c23 !important; } .st-search-container .mat-select:hover { outline: #000000 solid 2px !important; } .st-search-container .mat-select:focus { outline: #008ede solid 2px !important; } .st-search-container .flex-input { width: 78%; } .st-search-container .width-cat-1 { width: 20%; } .st-search-container .width-cat-2 { width: 12%; } .st-search-container .submit-button { height: 34px; border: none; } .st-search-container .keywords-chip { max-width: 10vw; } .st-search-container .strategy-container { min-height: calc(100vh - 80px); } .st-search-container .strategy-container .market-place-card { display: inline-flex; width: calc(33% - 16px); } .st-search-container .card-form { padding: 40px; } .collateral-options { background: white; } .funds-headings-card { border-radius: 8px; } .funds-container { padding: 0 92px; } .funds-container .funds-tab-labels .mat-tab-header .mat-tab-labels { width: 40% !important; } .funds-container .funds-tabs .mat-tab-header { background-color: #f0f0f0 !important; } .funds-container .funds-tabs .mat-ink-bar { background-color: #0d70ff !important; } .funds-container .account-statement-div { background-color: rgba(255, 255, 255, 0.3) !important; border-radius: 0px 0px 16px 16px !important; } .funds-container .strategy-cards { border: 1px solid #d4d4d4; } .funds-container .strategy-card-selected { background: linear-gradient(180deg, #C4EAFF 0%, rgba(255, 255, 255, 0) 100%) !important; } .funds-container .funds-card-shadow { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; } .funds-container .strategy-card-selected { background: linear-gradient(180deg, #C4EAFF 0%, rgba(255, 255, 255, 0) 100%); } .funds-container .funds-transaction-table td { border-bottom: 1px solid #daf2ff !important; } .funds-container .funds-transaction-table th { border-bottom: 1px dotted #cdcdcd !important; } .funds-container .success { border: none !important; } .funds-container .failure { border: none !important; } .funds-container .pending { background-color: #feefef !important; border: none !important; } .funds-container .mat-label.mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { color: #0d70ff !important; } .balance-block { height: 100px; width: 34%; border-radius: 12px; background: white !important; } .amount-chip { background: radial-gradient(circle at center, rgba(0, 123, 255, 0.05) 0%, rgba(0, 123, 255, 0.4) 100%) !important; } .strategy-card-wrapper .border-color-card { border: 1px solid lightgray !important; } .strategy-card-wrapper .resume-pause { border: 1px solid #2f6dc2; color: #2f6dc2; } .strategy-card-wrapper .resume-pause mat-icon { width: 16px; } .strategy-card-wrapper .deploy-button-change { border: 1px solid #2f6dc2; color: #2f6dc2; } .strategy-card-wrapper .vert-icon { border: 1px solid lightgray; } .strategy-card-wrapper .badge-card { background-color: #f2f5f7; } .learn-more { color: #277dd7; } .win-dot { background-color: #009688; } .loss-dot { background-color: #f44336; } .strategy-details-div .const-margin > * { margin-bottom: 8px; margin-right: 16px; } .strategy-details-div .form-type-toggle { position: relative; height: 48px !important; bottom: 48px; border-radius: 24px; width: 250px !important; } .strategy-details-div .sl-to-cost-icon { height: 24px !important; } .strategy-details-div .underlying-toggle { bottom: 2px; border-radius: 8px; width: 124px !important; } .strategy-details-div .toggle-form-field { height: 30px !important; padding: 6px 8px; } .strategy-details-div .product-toggle { bottom: 2px; border-radius: 8px; width: 180px; } .strategy-details-div .square-toggle { width: 138px !important; } .strategy-details-div .exit-toggle { bottom: 6px; } .strategy-details-div .toggle-positioning { top: 6px; margin-top: 4px; } .strategy-details-div .bg-form-prop { background-clip: padding-box; padding: 20px 4px 8px 8px; } .strategy-details-div .padding-box { padding: 20px 24px 2px 16px; } .strategy-details-div .mat-icon-16 { height: 16px; width: 16px; } .strategy-details-div .mat-12-icon { height: 12px; width: 12px; } .strategy-details-div .section-bottom { bottom: 16px; } .strategy-details-div .icon-height { height: 14px !important; } .strategy-details-div .strategy-name-input { border-radius: 8px; width: 176px !important; padding: 4px 24px 4px 4px; } .strategy-details-div .strategy-name-input:hover { outline: 2px solid #000000 !important; } .strategy-details-div .strategy-name-input:focus { outline: 2px solid #008ede !important; } .strategy-details-div .edit-icon { right: 20px; } .strategy-details-div .chip-form-position { bottom: 2px; left: 8px; } .discount-text { background: #277dd7; border: 1px solid #2485fc; border-radius: 5px; } .offers-container { background-color: #b2d7fe; border-radius: 8px; padding: 8px; } .yellow-discount-text { color: #fdce00; } .text-percentage { color: white; width: 166px; } .plans-container { overflow-x: hidden; background-color: white; } .plans-container .scroll-plans { overflow-x: auto; } .plans-container .border-dashed { border: 1px dashed #cdcdcd; } .plans-container .plans-card { flex: 1 1 0; } .plans-container .plans-card .plans-text { color: #277dd7; } .plans-container .plans-card .plans-pills-section { position: absolute; left: 50%; transform: translateX(-50%); top: -11px; } .plans-container .plans-card .plans-card-header { background-color: white; height: 90px; } .plans-container .plans-card .plans-card-header .dynamic-font-14 { font-size: 14px; } @media screen and (max-width: 1234px), screen and (max-height: 568px) { .plans-container .plans-card .plans-card-header .dynamic-font-14 { font-size: 12px !important; } } .plans-container .plans-card .plans-feature-text::-webkit-scrollbar { display: none; } .plans-container .plans-card .plans-feature-text { scrollbar-width: none; color: #313131; border-top: 1px solid #c6c6c6; overflow-x: auto; } .plans-container .plans-card .plans-pill { background-color: #b2d7fe; color: #277dd7; } .plans-container .plans-card .plans-pill-timer { background-color: #fff0bc; color: #d78627; } .plans-container .plans-card .plans-action-btn { width: 100%; background-color: #ffffff; } .plans-container .plans-card .hidden-btn { visibility: hidden; } .plans-container .plans-card .plans-feature-text { margin: auto !important; } .plans-container .plans-card .plans-card-content { background-color: white; } .plans-container .plans-card .plans-card-content .dynamic-mat-icon-10 .mat-icon { font-size: 10px; height: 10px; width: 10px; } @media screen and (max-width: 1234px), screen and (max-height: 568px) { .plans-container .plans-card .plans-card-content .dynamic-mat-icon-10 .mat-icon { font-size: 8px !important; height: 8px !important; width: 8px !important; } } .plans-container .plans-card .plans-content-container { background-color: #f4f4f4; border-right: none; } .plans-container .plans-card .pad-10 { padding: 10px !important; } .plans-container .new-plan-card .plans-content-container { height: calc(100% - 166px); } .plans-container .new-plan-card .plans-content-container .plans-card-content { height: calc(100% - 32px); } .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { gap: 20px; height: calc(100% - 32px); } .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content .new-plans-icon { width: 80px; } .plans-container .plans-card-static .plans-content-container { background-color: #f4f4f4; border-right: none; } .plans-container .plans-card-static .plans-content-container .plans-feature-text { border-top: 1px solid #c6c6c6; } .plans-container .border-dashed { top: 50%; transform: translateY(50%); width: 100%; z-index: 10; } .plans-container .plans-select-field { z-index: 100; width: 80% !important; } .plans-container .icon { width: 16px; height: 16px; } .plans-container .close-button { overflow-x: hidden; z-index: 1000; } .plans-container .spinner { top: calc(50% - 50px); left: calc(50% - 50px) !important; } @media screen and (max-width: 1000px) { .plans-container { width: 900px; } } .promote-plan-container .plans-action-btn { width: 100%; background-color: #ffffff; } .promote-plan-container img { width: 80px; height: 80px; } .promote-plan-container .promote-plan-symbols { white-space: nowrap; scrollbar-width: none; overflow-x: auto; cursor: pointer; } .plan-alert-shadow { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; } .plan-alert-negative { background-color: #ffd2d1; } .plan-alert-warning { background-color: #fff0bc; } .plan-alert-warning-text { color: #ffc44d; } .help-container .help-card { border: 1px solid lightgray !important; } .help-container .help-card .help-card-action { background-color: #2f6dc2; } .help-container .help-card .link-color { color: #2f6dc2 !important; } .projected-chip { background-color: #fef4f4 !important; border: 1px solid #ef5350 !important; } .projected-chip .mat-icon { color: #98110e !important; } .sb-text-color { color: #277dd7 !important; } .margin-calculator-form-wrapper .calculation-block { border: 1px solid #277dd7; border-radius: 16px; } .margin-cal-table { text-align: center; } .margin-cal-table .margin-cal-header { background-color: #f2f8ff; color: #23262f; } .deploy-confirmation-container { max-height: calc(100vh - 32px); overflow-y: auto; } .deploy-confirmation-container .border-dashed-left { border-left: 1px dashed #bfc3cb !important; } .deploy-dialog-container { max-width: 500px; } .deploy-dialog-container .deploy-dialog-broker-card { max-height: 258px; overflow: auto; } .deploy-dialog-container .deploy-dialog-broker-card .broker-card-content { border: 1px solid #bfc3cb; border-radius: 8px; padding: 8px; width: 440px; } .deploy-dialog-container .approx-margin-container { padding: 8px 16px 8px 16px; } .deploy-dialog-container .multiplier-container { padding: 16px 16px 0px 16px; } .payment-result-container .payment-result-text { color: #919191; } .payment-result-container .dash { border: none; border-top: 3px dashed #e0e0e0; } .risk-header { display: flex; justify-content: center; } .list-items { padding-bottom: 10px !important; } .button-container { background-color: #6de1ff; } .risk-text { padding-top: 30px; text-align: center; } .sebi-link { text-decoration: underline; border: none; outline: none; color: #0d70ff; } .disclaimer button { color: #2c69bb; } .overlay-input { color: #313131; } .techind-cards mat-form-field { color: #3c81f3 !important; } .close-img { border: 1px solid #555555; background-color: #555555; color: #ebe2e2; border-radius: 50%; height: 24px !important; } .free-plan-extend-popup .avatar img { width: 100px; } .free-plan-extend-popup .close-button { padding: 10px; top: 0; right: 0; } .free-plan-extend-popup .free-plan-extend-popup-header { background-color: #eef8ff; } .free-plan-extend-popup .free-plan-extend-heading { color: #0d70ff; } .free-plan-extend-popup .extended-date { background-color: #eef8ff; color: #1679ff; } .menu-wrapper { width: 260px !important; } .menu-wrapper mat-divider { margin: 2px 0; flex-shrink: 0; width: 288px; right: 24px; border-color: rgba(0, 0, 0, 0.06); } .menu-wrapper .broker-container h4 { line-height: 0.1em; } .menu-wrapper .svg-icon { width: 24px; height: 24px; } .plan-name { padding: 4px 8px; border-radius: 4px; background-color: #f2f5f7; } .red-gift { width: 16px; } .cue { background-color: rgba(192, 57, 43, 0.1215686275); color: #d82066; position: absolute; top: 42%; right: 0; transform: translateY(-50%); height: auto; padding: 2px 5px; line-height: 0; height: 20px; font-size: 10px; } .crown-icon { height: 14px; } .panic-control { border: 1px solid #013fb6 !important; color: #013fb6 !important; border-radius: 8px !important; padding: 0 60px !important; } .table-header-filter .filter-icon mat-icon.active { color: #5781ff; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container { border-bottom: 1px solid #e5e5e6; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { background: #e5e5e6; color: #0c0d12; } .checkbox-filter-container .checkbox-group { max-height: 240px; overflow-y: auto; } .checkbox-filter-container .checkbox-group .checkbox-option.select-all { border-bottom: 1px solid #65676d; } .checkbox-filter-container .checkbox-group .checkbox-option:hover { background-color: #e5e5e6; } .user-management mat-list .user-item .name .user-id mat-icon { color: #008ede; } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions .cancel-button:hover { background-color: #e5e5e6; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field mat-icon { color: #919397; } .upload-mapping-dialog-container .upload-mapping-dialog-footer .upload-save-file button { background-color: white; border: 1px solid #bdbec1; border-radius: 10px; } .upload-mapping-dialog-container .upload-mapping-dialog-footer .upload-save-file button:hover { background-color: #e5e5e6; } .login-operator-form-container { background-color: white; } .login-operator-form-container h2 { color: #23262f; } .login-operator-form-container ::ng-deep .mat-form-field-outline { background-color: #e5e5e6; } .color-text { color: #23262f; } .leg-settings-title { color: #3c82f5 !important; } .border-separater { width: 1px; height: 32px; background-color: #e8eff3; } .fg-accent { color: #0d70ff !important; } .no-data-text { color: #959595 !important; } .disabled-label { color: #bdbec1 !important; } .fg-accent-dark { color: rgba(1, 63, 182, 0.9) !important; } .login-banner { color: #ed3237 !important; background-color: rgba(237, 50, 55, 0.15) !important; border: 1px solid rgba(237, 50, 55, 0.2) !important; } .payment-heading { color: #02549e; } .fg-sb-text { color: #277dd7 !important; } .market-watch-param { color: rgba(120, 120, 120, 0.6) !important; } .meter-bar-color { background-color: #2196f3 !important; } .bg-strategy-form { background-color: #f3f3f3 !important; } .positive-toast { color: #009688 !important; background-color: rgba(0, 150, 136, 0.16) !important; } .text-green { color: #009688; } .text-negative-change { color: #e74c3d; } .bg-text-green { background-color: #009688 !important; } .negative-toast { color: #f44336 !important; background-color: rgba(244, 67, 54, 0.16) !important; } .warning-toast { color: #eea10d !important; background-color: rgba(243, 156, 18, 0.16) !important; } .text-negative-toast { color: #f44336 !important; } .strategy-name-input::placeholder { color: #f44336 !important; opacity: 1; } .bg-sb-text { background-color: #277dd7 !important; } .bg-redirect-url-text { background-color: #f5f9ff !important; border: 1px solid #dceaff !important; } .border-bottom { border-bottom: 2px solid #e8eff3; } .border-top { border-top: 2px solid #e8eff3; } .border-bottom-profile { border-bottom: 1px solid lightgray !important; border-radius: 0 !important; } .toggle-button-disabled { background-color: #c1c1c1 !important; } .border-right { border-right: 2px solid #e8eff3; } .border-bot-light { border-bottom: 1px solid rgba(202, 235, 253, 0.5) !important; } .overview-card { border: 1px solid lightgray !important; } .strategy-form-fixed-footer { border-top: 1px solid lightgray !important; } .funds-border { border: 1px solid #e8e8e8 !important; } .color-accent-light { background-color: rgba(202, 235, 253, 0.5); } .button-border { border: 2px solid #e8eff3 !important; } .button-border-accent { border: 1px solid !important; } .bg-accent-form { background-color: rgba(13, 112, 255, 0.16) !important; } .border-accent { border: 1px solid #aadeff !important; } .chart-bg { background-color: #f6fcff !important; } .border-grey-light { border: 1px solid lightgray !important; } .border-multiplier-input { background-color: #f0f7ff !important; } .card-bg { background-color: #fafcfc !important; } .failover-card-color { background-color: #c2c2c2 !important; } .failover-card-color .strategy-header .header-section-2 .product-type-icon { color: #15171d !important; background-color: #c2c2c2 !important; } .stopped-card-bg { background-color: white !important; } .stopped-card-bg .strategy-header .header-section-2 .product-type-icon { color: #15171d !important; background-color: white !important; } .stopped-card-square-off-bg { background-color: #fde6e6 !important; } .stopped-card-square-off-bg .strategy-header .header-section-2 .product-type-icon { color: #ef5350 !important; background-color: #fde6e6 !important; } .paused-card-bg { background-color: #fdeedd !important; } .paused-card-bg .strategy-header .header-section-2 .product-type-icon { color: #ef5350 !important; background-color: #fdeedd !important; } .insufficient-balance { color: #f4a343; background-color: #fdeedd !important; } .dark-backdrop { background-color: rgba(0, 0, 0, 0.5); } .sufficient-balance { color: #02549e; background-color: #d4eafe !important; } .running-card-live-bg { background-color: #e8f6e7 !important; } .running-card-forward-bg { background-color: rgba(198, 229, 255, 0.5882352941) !important; } .chart-border { border-bottom: 0.5px solid #b5e0f9 !important; } .overview-card { border: 1px solid lightgray !important; } .sb-card-shadow { box-shadow: 0px 4px 12px rgba(215, 215, 215, 0.25) !important; } .login-card-shadow { box-shadow: 0px 4px 12px !important; } .undeploy-button { background-color: #f59896 !important; color: white !important; } .card-border { border: 1px solid #a1c8fd !important; } .card-border-bottom { border-bottom: 1px solid #a1c8fd !important; } .bg-white, .ut-pro-header-card { background-color: white !important; } .bg-setup-notification { background-color: #f3f8ff !important; } .light-background { background: #fafcfc !important; } .fg-white, .buy-toggle-sm, .sell-toggle-sm, .funds-container .funds-tabs .mat-tab-header .mat-tab-label-active .mat-tab-label-content { color: white !important; } .text-shadow { text-shadow: 2px 2px 3px gray; } .text-blur { color: transparent !important; text-shadow: 0 0 4px #000 !important; } .status-pending { color: #fadd53; background-color: #fef8de !important; } .status-accepted { color: #6abf36; background-color: #eef8e7 !important; } .policies-text { color: #777e90; } .warning-text { color: #eea10d !important; } .warning-bg { background-color: #fcf4d8 !important; } .bg-primary, .mat-ink-bar { background-color: #0d70ff !important; } .bg-transparent, .notification-sidenav, .notification-sidenav .mat-drawer-backdrop, .disclaimer button, .overlay-loader { background-color: transparent !important; } .border-field { border: 1px solid #bfc3cb !important; } .border-field-left { border-left: 1px solid #bfc3cb !important; } .border-dashed-top { border-top: 1px dashed #bfc3cb !important; } .placeholder-text, .mat-select-disabled .mat-select-placeholder, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::placeholder { color: #777e90 !important; } .placeholder-bg { background-color: #e8eff3 !important; } .product-type-chip { background-color: #ebf8ff; color: #277dd7; padding: 8px 12px; border-radius: 12px; text-align: center; } .custom-backdrop { background-color: rgba(10, 17, 36, 0.8); } .tv-strategy-note { background-color: #fffdd2 !important; } .chip-background { background-color: #fccbbf !important; } .custom-backdrop { background-color: rgba(10, 17, 36, 0.8); } .loading-card { background-color: #cccccc; } .tabel-header { background-color: #e5e5e6; color: #0c0d12; } .text-positive { color: #4bb543 !important; } .text-primary-contrast, .plans-invert-bg, .text-primary-contrast-btn span, .plans-banner-discount { color: #ffffff !important; } .text-primary-contrast-50 { color: #000000 !important; } .text-primary-color-300 { color: #65676d !important; } .text-primary-contrast-200 { color: #000000 !important; } .text-dark, .text-dark-btn span { color: #65676d !important; } .primary-dark-text, .broker-selection-dialog-container .dialog-header .close-button mat-icon, .index-watch-dialog-container .dialog-header .close-button mat-icon { color: #2c3e50 !important; } .text-negative, .ut-pro-mat-form-field.label-field.mat-form-field-invalid .ut-label { color: #ef5350 !important; } .text-black { color: #1a1c23 !important; } .text-neutral { color: #f4a343 !important; } .text-inprogress { color: #f5953d; } .text-completed { color: #4fcb6a; } .bg-positive, .ut-pro-indicator-condition-string .condition-string .condition-badge.entry-badge, .mat-radio-buy .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle { background-color: #4bb543 !important; color: #ffffff !important; } .chip-positive { background: #4bb643 !important; color: #4bb543 !important; } .positive-dot { background-color: #4bb543 !important; } .green-dot { background-color: #009688 !important; } .chip-neutral { background: rgba(244, 163, 67, 0.2) !important; color: #f4a343 !important; } .chip-grey { background: rgba(147, 147, 147, 0.2) !important; color: #939393 !important; } .grey-dot { background-color: #777e90 !important; } .neutral-dot { background-color: #f4a343 !important; } .chip-negative { background: rgba(239, 84, 81, 0.2); color: #ef5350 !important; } .negative-dot { background-color: #ef5350 !important; } .chip-blue { background: #dee7f5 !important; color: #2f6dc2 !important; } .multiplier-input-color { color: #2f6dc2 !important; } .blue-dot { background-color: #2f6dc2 !important; } .chip-auto-deploy { background: #0096f6; color: #ffffff !important; padding: 0 8px 2px; width: -moz-fit-content; width: fit-content; border-radius: 2px; line-height: 1.8; } .logged-out-border { border: 1px solid #cacaca !important; } .bg-neutral { background-color: #f4a343 !important; color: #ffffff !important; } .bg-negative, .ut-pro-indicator-condition-string .condition-string .condition-badge.exit-badge, .mat-radio-sell .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle { background-color: #ef5350 !important; color: #ffffff; } .negative-shadow { box-shadow: 3px 3px 3px rgba(239, 83, 80, 0.7) !important; } .bg-accent { background-color: #0d70ff !important; color: #ffffff; } .bg-positive-light { background-color: rgba(126, 205, 120, 0.33) !important; color: #ffffff; } .bg-negative-light { background-color: rgba(245, 152, 150, 0.33) !important; color: #ffffff; } .bg-accent-light { background-color: rgba(90, 157, 255, 0.2) !important; color: #ffffff; } .bg-accent-darker { background-color: rgba(1, 63, 182, 0.9) !important; color: #ffffff; } .bg-warn-dark { background-color: rgba(244, 67, 54, 0.8) !important; color: white; } .chart-button-bg { background-color: rgba(189, 190, 193, 0.4) !important; color: #919397 !important; } .bg-primary-dark { background-color: rgba(101, 103, 109, 0.6) !important; color: #ffffff !important; } .bg-share-dialog { background-color: #f9f9f9; } .bt-expanded-tabs .mat-tab-body-wrapper { background-color: #f9f9f9; } .table-gray-header { background-color: #f9f9f9; } .table-gray-header tr td { background-color: white; } .bg-multi-deploy-dialog { background-color: #f5fbfe; } .accent-stroked-button { border: 1px solid #0d70ff !important; } .bg-primary-darker { background-color: #65676d !important; color: #ffffff !important; } .border-gray { border: 1px solid #d7e1ff; } .border-top { border-top: 1px solid #e8eff3; } .border-gray-left { border-left: 1px solid #e8eff3; } .border-gray-right { border-right: 1px solid #e8eff3; } .border-gray-bottom { border-bottom: 1px solid #e8eff3; } .bg-stats { background-color: #f8fdff; } .bg-graph-data-container { background-color: #e6f5fe; } .tab-ink-bar-shadow { box-shadow: 0px 5.5px 5.5px rgba(216, 204, 204, 0.25); } .snackbar-shadow { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } .simple-snackbar { background-color: #eff9ff !important; } .clickable-snackbar { background-color: #ffeded !important; } .text-negative-light { color: #ef7878 !important; } .negative-light { background-color: #ef7878 !important; color: #ffffff; } .border-negative-light { border: 1px solid #ef7878 !important; } .border-warning { border: 1px solid #eea10d !important; } .border-simple-snackbar { border: 1px solid #277dd7 !important; } .border-positive { border: 2px solid #4bb543 !important; } .border-negative { border: 2px solid #ef5350 !important; } .bg-text { background: #f0f4ff; } .text-primary { color: #23262f !important; } .text-new-green { color: #009688; } .buy-mode { color: #009688 !important; background-color: #e6f5f3 !important; } .sell-mode { color: #f44336 !important; background-color: #ffecec !important; } .text-accent { color: #013fb6 !important; } .text-accent-original { color: #0d70ff !important; } .text-danger { color: #f44336; } .light-font, .policies-heading { opacity: 0.72; } .star-color { color: #eea10d; } .star-color-bg { background-color: #eea10d !important; } .star-color-shadow { box-shadow: 3px 3px 3px rgba(238, 161, 13, 0.7) !important; } .error-row { background-color: rgba(245, 152, 150, 0.33) !important; } .plans-text { color: #2c69bb; } .plans-button { border: 1px solid #2c69bb !important; } .plans-current-border { border: 1px solid rgba(44, 105, 187, 0.5); } .plans-banner-discount { background-color: #2c69bb; } .plans-banner-discount.inverted { background-color: #ffffff !important; color: #2c69bb !important; } .plans-bg { background-color: #f6fafd; color: #2c69bb !important; } .policies-heading { color: #23262f; } .blue-deployment-info { background-color: rgba(232, 246, 231, 0.33) !important; } .custom-tooltip { background-color: #65676d; color: #e5e5e6; } body { background: #FAFCFC; color: #23262f; } .accent-two-tone-icons { color: #0D70FF; filter: invert(55%) sepia(82%) saturate(1434%) hue-rotate(177deg) brightness(89%) contrast(92%); } .backtest-mat-expansion { color: #a8a8a8 !important; } .bg-light-blue { background-color: #f6faff !important; } .backtest-pill { background-color: #b2d7fe; color: #277dd7; } .material-icons { font-size: 24px; } .dragover { background-color: #6de1ff !important; border-color: #6de1ff !important; } .border-gray { border: 1px solid #d7e1ff; } .border-dashed-gray { border: 1px dashed #d7e1ff; } .border-gray-bottom-dashed { border-bottom: 2px dashed #d7e1ff; } .form-heading { color: #000000 !important; } .border-black-left { border-left: 2px solid; } .bg-stats { background-color: #f8fdff; } .bg-graph-data-container { background-color: #e6f5fe; } .tab-ink-bar-shadow { box-shadow: 0px 5.5px 5.5px rgba(216, 204, 204, 0.25); } .border-positive { border: 2px solid #4bb543 !important; } .border-negative { border: 2px solid #ef5350 !important; } .bg-text { background: #f0f4ff; } .toast-yellow { color: #f39c12 !important; } .text-primary { color: #23262f !important; } .text-accent { color: #013fb6 !important; } .text-accent-original { color: #0d70ff !important; } .text-danger { color: #f44336; } .light-font, .policies-heading { opacity: 0.72; } .star-color { color: #eea10d; } .star-color-bg { background-color: #eea10d !important; } .star-color-shadow { box-shadow: 3px 3px 3px rgba(238, 161, 13, 0.7) !important; } .strategy-card-selected { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15) !important; } .strategy-card-shadow { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important; } .error-row { background-color: rgba(245, 152, 150, 0.33) !important; } .plans-text { color: #2c69bb; } .plans-current-border { border: 1px solid rgba(44, 105, 187, 0.5); } .plans-banner-discount { background-color: #2c69bb; } .plans-banner-discount.inverted { background-color: #ffffff !important; color: #2c69bb !important; } .plans-bg { background-color: #b2d7fe !important; color: #2c69bb !important; } .plans-invert-bg { background-color: #277dd7 !important; border-top: 1px solid #ffffff !important; } .policies-heading { color: #23262f; } .blue-deployment-info { background-color: rgba(232, 246, 231, 0.33) !important; } .custom-tooltip { background-color: #65676d; color: #e5e5e6; } body { background: #FAFCFC; color: #23262f; } .accent-two-tone-icons { color: #0D70FF; filter: invert(55%) sepia(82%) saturate(1434%) hue-rotate(177deg) brightness(89%) contrast(92%); } .material-icons { font-size: 24px; } .note-so { color: #d7273c; } .link-color { color: blue; } .pending-count-color { color: #2f6dc2; background-color: #b2d7fe; } .ohlc-data-bg { background-color: rgba(246, 246, 246, 0.5) !important; } .ohlc-label { color: #777e90 !important; } .portfolio-button { color: white; background-color: #2f6dc2; } .no-border-color { border-color: white; } .no-background-color { background-color: white; } .badge-card { background-color: #f2f5f7; } .extend-notification-header { background-color: #eef8ff; } .extend-plan-action { color: #0d70ff; } .mpc-panel-container { border: 1px solid #ededed; background: linear-gradient(to bottom, #fff, #f6fbfe) !important; } .mpc-panel-container .mat-expansion-panel-header.cdk-focused, .mpc-panel-container .mat-expansion-panel-header:focus, .mpc-panel-container .mat-expansion-panel-header:hover { background: transparent !important; } .one-ai-text { color: #013b8d; } .one-ai-gradient-button { background: linear-gradient(90deg, #0D70FF 0%, #013B8D 100%) !important; color: white !important; border: 2px solid #0d70ff !important; } .ai-gradient-button { color: #0d70ff !important; border: 1px solid #e8eff3 !important; background: linear-gradient(to bottom, #fff, #f6fbfe) !important; } .ai-backtest-result { background-color: #fafafa; border: 2px solid #ededed; } .ai-backtest-result .heatmap-container .calendar .weeks .week .day.selected { border: 2px solid #23262f; } .ai-backtest-result .strategy-results-card .results-table-container { border-right: 1px solid lightgray !important; border-left: 1px solid lightgray !important; } .ai-backtest-result .strategy-results-card .results-table-container tr:last-child { background-color: #e4f5fe; } .ai-backtest-result .strategy-results-card .results-table-container.results-shimmer-container, .ai-backtest-result .strategy-results-card .results-table-container .table-header-shimmer { border-bottom: 1px solid lightgray !important; } .ai-backtest-result .strategy-results-card .results-table-container .table-row-shimmer { border-bottom: 1px solid #fafafa; } .ai-backtest-result .card-header-shimmer, .ai-backtest-result .bt-cards .bt-card-shimmer, .ai-backtest-result .header-cell-shimmer, .ai-backtest-result .cell-shimmer, .ai-backtest-result .button-shimmer { background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%); } .new-theme-gradient-bg, .ut-mat-button-toggle-new .mat-button-toggle-checked .mat-button-toggle-button, .defualt-mat-button-toggle-group.mat-button-toggle-group .mat-button-toggle-checked:not(.dense-toogle-group):not(.buy-box):not(.sell-box):not(.mat-button-toggle-disabled), .new-submit-button, .multi-broker-login-container .broker-login-container .broker-grid .broker-card.more-card .broker-card-content .more-icon-wrapper { background: linear-gradient(90deg, #3989ff 0%, #0044c2 100%) !important; } .new-theme-gradient-bg:disabled, .ut-mat-button-toggle-new .mat-button-toggle-checked .mat-button-toggle-button:disabled, .defualt-mat-button-toggle-group.mat-button-toggle-group .mat-button-toggle-checked:disabled:not(.dense-toogle-group):not(.buy-box):not(.sell-box):not(.mat-button-toggle-disabled), .new-submit-button:disabled, .multi-broker-login-container .broker-login-container .broker-grid .broker-card.more-card .broker-card-content .more-icon-wrapper:disabled { opacity: 0.5; cursor: not-allowed !important; } .new-theme-gradient-warn { background: linear-gradient(90deg, #f14c5a 0%, #fd3131 100%) !important; } .new-theme-gradient-warn:disabled { opacity: 0.5; cursor: not-allowed !important; } .new-submit-button { color: #ffffff !important; transition: all 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease !important; box-shadow: inset 0px 4px 4px #3989ff, inset 0px -4px 4px #3989ff !important; } .new-submit-button:hover:not(:disabled) { box-shadow: inset 0px 4px 4px #3989ff, inset 0px -4px 4px #3989ff, 0 4px 8px rgba(0, 0, 0, 0.15) !important; } .new-submit-button:active:not(:disabled) { transform: scale(0.98); } .new-submit-button:disabled { opacity: 0.5; cursor: not-allowed !important; } .widget-container .widget-messages .user-message .message-bubble { background-color: rgba(0, 0, 0, 0.04); } .widget-container .initial-prompt-container .initial-prompt-options .prompt-btn { background-color: rgba(0, 0, 0, 0.04); } .widget-container .widget-input { border: 1px solid rgba(0, 0, 0, 0.08); } .widget-container .widget-input::placeholder { color: #777e90; } .chat-container .chat-input { border: 2px solid rgba(0, 0, 0, 0.08); } .chat-container .chat-input .input::placeholder { color: #777e90; } .toxic-alert .alert-text .policy-link { color: rgba(1, 63, 182, 0.9); } .editor-container .basic-editor .section-item .basic-editor-input:focus, .editor-container .basic-editor .section-item .text-input:focus-within, .editor-container .basic-editor .section-item .num-input:focus-within { border: 1px solid rgba(0, 0, 0, 0.4); } .advisor-prompts .hover-link:not(:last-child), .advisor-prompts .toxic-alert .alert-text .policy-link:not(:last-child), .toxic-alert .alert-text .advisor-prompts .policy-link:not(:last-child) { border-bottom: 1px dashed rgba(0, 0, 0, 0.08); } .widget-box-container { border: 1px solid #e0e0e0; border-radius: 8px; } .screener-input-border { border: 1px solid #17a0ef !important; } .screener-error-container { background-color: rgba(244, 67, 54, 0.16) !important; border: 1px solid #f44336 !important; } .screener-filter-indicator { background-color: #0d70ff; } .ai-toxic-alert .mat-dialog-container { border-radius: 16px; width: min(60vw, 100% - 32px); margin: auto; } .ai-portfolio-tabs .mat-tab-header { width: calc(100% - 412px); border: none; } .dense-form-field .mat-form-field-wrapper { padding: 0; } .dense-form-field .mat-form-field-wrapper .mat-form-field-prefix { position: unset; } .dense-form-field .mat-form-field-wrapper .mat-form-field-infix { padding: 1em 0 0.8em 0; border-top: 0.1em; } .dense-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper { transform: translateY(0%); } .dense-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-error { padding: 18px 0px; } .dense-form-field.mat-form-field-should-float .mat-form-field-label { transform: translateY(-1em) scale(0.75) !important; } .mat-option.symbol-suggestions { height: 48px; } .mat-option.symbol-suggestions .mat-option-text { font-size: 14px; } .mat-option.symbol-suggestions .add-symbol-hint-text { display: none; } .mat-option.symbol-suggestions:hover:not(.mat-option-disabled) .add-symbol-hint-text { display: initial; font-size: 8px; font-weight: 500; position: absolute; right: 6px; bottom: -18px; } .mw-settings-checkbox .mdc-form-field .mdc-label { margin-bottom: 2px !important; } .pagination-group { box-shadow: 0 0 2.42px 0 #d7d7d7 !important; } .pagination-group .mat-button-toggle { background-color: white !important; } .pagination-group.mat-button-toggle-checked { color: #0d70ff; background-color: white !important; } .mat-tooltip { background-color: white !important; color: #23262f !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .mat-tooltip::before { border-top-color: rgba(0, 0, 0, 0.1) !important; } .mat-tooltip::after { border-top-color: white !important; } .dense-menu .mat-menu-item { font-size: 13px; line-height: 32px; max-height: 32px; padding: 0px 4px; } .dense-menu .mat-menu-item:last-child { border-bottom: none; } .codemirror-theme-selector { max-height: 300px !important; } .custom-profile-toggle .mat-slide-toggle-bar { height: 14px !important; width: 28px !important; position: relative; bottom: 4px; cursor: pointer !important; } .custom-profile-toggle .mat-slide-toggle-thumb { height: 10px !important; width: 10px !important; transform: translate(30%, 50%); box-shadow: none; background-color: #f4f4f4 !important; cursor: pointer !important; } .custom-profile-toggle .mat-slide-toggle-thumb-container { height: 10px !important; width: 10px !important; } .custom-profile-toggle .mat-ripple-element { display: none; } .custom-profile-toggle.mat-checked .mat-slide-toggle-bar { background-color: #4bb543 !important; } .custom-profile-toggle.mat-checked .mat-slide-toggle-thumb-container { transform: translate3d(12px, 0, 0) !important; } .custom-profile-toggle.mat-checked .mat-ripple-element { display: none; } .mat-select-panel .mat-option:hover:not(.mat-option-disabled), .mat-select-panel .mat-option.mat-active { background: #ebebeb; } .select-filter .mat-select-arrow-wrapper .mat-select-arrow { color: #ef5350 !important; } .strategy-search-input .mat-form-field-wrapper .mat-form-field-flex { height: 48px; } .toggle-filter-btn-group .mat-button-toggle { flex: 1; border: none !important; } .toggle-filter-btn-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content { line-height: 44px; color: #65676d; } .toggle-filter-btn-group .mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content { line-height: 44px; color: white; } .sort-options .mat-pseudo-checkbox { width: 0px !important; height: 0px !important; display: none !important; } .theme-border-top, .theme-border { border-top: 1px solid #e5e5e6; } .theme-border-bottom, .theme-border { border-bottom: 1px solid #e5e5e6; } .theme-border-right, .theme-border { border-right: 1px solid #e5e5e6; } .theme-border-left, .theme-border { border-left: 1px solid #e5e5e6; } .ut-pro-slide-toggle .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: #0d70ff; } .accent-card-border { border: 1px solid #89d8ff; } .accent-card-border-light { border: 1px solid #e6f5fe !important; } .rounded-chip-toggles-theme { background-color: #d8e8ff !important; color: #3c81f3 !important; border: 1px solid white !important; } .rounded-chip-toggles-theme-error { background-color: rgba(215, 39, 60, 0.4); color: #d7273c; border: 1px solid #d7273c !important; } .custom-toggle-button mat-button-toggle { border: 1px solid #e0e0e0 !important; } .rounded-mat-tabs .mat-tab-header { background-color: #e6f5fe; border-radius: 100px; width: 60% !important; border: none !important; } .rounded-mat-tabs .mat-tab-header .mat-tab-label { height: 32px; min-width: auto !important; padding: 4px !important; position: relative; z-index: 1; } .rounded-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content { color: #000000; } .rounded-mat-tabs .mat-ink-bar { height: 100% !important; border-radius: 100px; background-color: #ffffff !important; } .vertical-mat-tabs { transform: rotate(90deg); width: 100px; } .vertical-mat-tabs .mat-tab-header { border: 1px solid #0d70ff !important; background-color: #efefef; border-radius: 100px; width: 100px; } .vertical-mat-tabs .mat-tab-header .mat-tab-label { width: 10px; transform: rotate(270deg); height: 32px; min-width: auto !important; position: relative; z-index: 1; } .vertical-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content { color: #777e90; } .vertical-mat-tabs .mat-tab-header .mat-tab-label-active .mat-tab-label-content { color: #e5e5e6 !important; } .vertical-mat-tabs .mat-ink-bar { height: 100% !important; border-radius: 100px; background-color: #0d70ff !important; } .notifications-tabs .mat-tab-body-wrapper { margin-top: 50px !important; overflow: auto; height: 60vh; } .portfolio-overview-tab .mat-tab-body-wrapper { background: #fafcfc !important; } .portfolio-overview-tab .mat-tab-header { border: 1px solid lightgray !important; border-top: hidden !important; border-radius: 0 0 10px 10px; } .portfolio-overview-tab .mat-tab-body-content { overflow-y: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ } .portfolio-overview-tab .mat-tab-body-content::-webkit-scrollbar { width: 0; height: 0; display: none; } .brokers-overview-tab .mat-tab-body-wrapper { background: #fafcfc !important; } .brokers-overview-tab .mat-tab-header { padding: 0px 32px; } .brokers-overview-tab .mat-tab-body-content { overflow-y: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ } .brokers-overview-tab .mat-tab-body-content::-webkit-scrollbar { width: 0; height: 0; display: none; } .dashboard-table .footer .value { color: #0d70ff; } .mat-pseudo-checkbox { color: lightgray; } .mat-select-placeholder { color: #1f222a; } .mat-form-field-outline-start { border-radius: 12px 0 0 12px !important; min-width: 12px !important; } .mat-form-field-outline-end { border-radius: 0 12px 12px 0 !important; } .slippage-form-field .mat-form-field-wrapper { padding: 0; } .slippage-form-field .mat-form-field-wrapper .mat-form-field-infix { line-height: 1; border: 0; padding-top: 12px; } .strategy-board-card { background-color: #f8fcff !important; border: 1px solid #e2efff !important; box-shadow: 4px 2px 8px rgba(167, 167, 167, 0.25) !important; } .accent-bg-slide .mat-slide-toggle-bar { background: rgba(0, 0, 0, 0.38) !important; } .accent-bg-slide.mat-checked .mat-slide-toggle-thumb { background-color: #0059d9 !important; } .primary-active-step .mat-step-header[ng-reflect-state=edit] + .mat-stepper-horizontal-line { border-color: #23262f; } .primary-active-step .mat-step-header:first-child:not([ng-reflect-state=edit]).mat-step-header[ng-reflect-selected=true] + .mat-stepper-horizontal-line { border-color: #23262f; } .custom-snackbar { background-color: #b3e2fd !important; background-image: none !important; color: rgba(0, 0, 0, 0.6) !important; border-left: 6px solid #0d70ff; min-width: 400px; min-height: 40px; border-radius: 4px; padding: 0 8px; display: flex; align-items: center; pointer-events: all !important; } .custom-snackbar .toast-close-button { color: rgba(0, 0, 0, 0.6) !important; transform: scale(1.3) translateY(-38%); top: 50%; right: 16px; position: absolute; font-weight: normal; outline: none; } .custom-snackbar .toast-message { color: #000000; width: 84%; } .toast-info:before { font-family: "Material Icons"; content: "\e88e"; transform: scale(1.2); } .only-first-active .mat-stepper-horizontal-line { border-color: rgba(35, 38, 47, 0.12) !important; } .mat-form-field .mat-form-field-flex { padding: 0 0.4em !important; } .mat-form-field.mat-form-field-disabled .ng-spin-box-wrapper button, .mat-form-field.mat-form-field-disabled ng-spin-box-wrapper-lot button { cursor: default; } .mat-form-field.mat-form-field-disabled .ng-spin-box-wrapper button.ng-spin-box-btn-up::before, .mat-form-field.mat-form-field-disabled ng-spin-box-wrapper-lot button.ng-spin-box-btn-up::before, .mat-form-field.mat-form-field-disabled .ng-spin-box-wrapper button.ng-spin-box-btn-down::before, .mat-form-field.mat-form-field-disabled ng-spin-box-wrapper-lot button.ng-spin-box-btn-down::before { color: rgba(0, 0, 0, 0.38); } .ng-spin-box-wrapper, ng-spin-box-wrapper-lot, .mat-form-field ng-spin-box-wrapper-lot, .mat-form-field .ng-spin-box-wrapper, .mat-form-field ng-spin-box-wrapper-lot, .mat-form-field ng-spin-box-wrapper-lot { width: 100%; } .ng-spin-box-wrapper input, ng-spin-box-wrapper-lot input, .mat-form-field ng-spin-box-wrapper-lot input, .mat-form-field .ng-spin-box-wrapper input, .mat-form-field ng-spin-box-wrapper-lot input, .mat-form-field ng-spin-box-wrapper-lot input { width: calc(100% - 16px); } @media screen and (max-width: 1152px) { .ng-spin-box-wrapper input, ng-spin-box-wrapper-lot input, .mat-form-field ng-spin-box-wrapper-lot input, .mat-form-field .ng-spin-box-wrapper input, .mat-form-field ng-spin-box-wrapper-lot input, .mat-form-field ng-spin-box-wrapper-lot input { font-size: 14px; } } @media screen and (max-width: 1024px) { .ng-spin-box-wrapper input, ng-spin-box-wrapper-lot input, .mat-form-field ng-spin-box-wrapper-lot input, .mat-form-field .ng-spin-box-wrapper input, .mat-form-field ng-spin-box-wrapper-lot input, .mat-form-field ng-spin-box-wrapper-lot input { font-size: 12px; } } .ng-spin-box-wrapper button, ng-spin-box-wrapper-lot button, .mat-form-field ng-spin-box-wrapper-lot button, .mat-form-field .ng-spin-box-wrapper button, .mat-form-field ng-spin-box-wrapper-lot button, .mat-form-field ng-spin-box-wrapper-lot button { height: 66% !important; background: transparent !important; cursor: pointer; border: 0; right: -4px !important; outline: none; } .ng-spin-box-wrapper button.ng-spin-box-btn-up, ng-spin-box-wrapper-lot button.ng-spin-box-btn-up, .mat-form-field ng-spin-box-wrapper-lot button.ng-spin-box-btn-up { top: -8px !important; } .ng-spin-box-wrapper button.ng-spin-box-btn-up::before, ng-spin-box-wrapper-lot button.ng-spin-box-btn-up::before, .mat-form-field ng-spin-box-wrapper-lot button.ng-spin-box-btn-up::before { content: "â–²"; color: rgba(0, 0, 0, 0.54); font-size: x-small; } .ng-spin-box-wrapper button.ng-spin-box-btn-down, ng-spin-box-wrapper-lot button.ng-spin-box-btn-down, .mat-form-field ng-spin-box-wrapper-lot button.ng-spin-box-btn-down { bottom: 2px !important; } .ng-spin-box-wrapper button.ng-spin-box-btn-down::before, ng-spin-box-wrapper-lot button.ng-spin-box-btn-down::before, .mat-form-field ng-spin-box-wrapper-lot button.ng-spin-box-btn-down::before { content: "â–¼"; color: rgba(0, 0, 0, 0.54); font-size: x-small; } ng-spin-box-wrapper-lot button { right: 10px; } .bt-expanded-tabs .mat-tab-labels .mat-tab-disabled { width: -webkit-fill-available; justify-content: end; opacity: 1; } .mat-menu-accordion mat-expansion-panel-header { background: #f0f6f6 !important; } .mat-menu-accordion mat-expansion-panel-header:hover { background: #eaf2f2 !important; } .mat-menu-accordion .indicator-condition { border: 1px solid #f4f4f6; } .mat-menu-accordion .bordered-table { border-spacing: 0 6px !important; } .mat-menu-accordion .bordered-table td.mat-cell { border-bottom-style: none; } .mat-menu-accordion .bordered-table th.mat-header-cell { border-bottom-style: none; } .mat-menu-accordion .bordered-table .mat-cell:first-child { border-left: 1px solid #b9becb; } .mat-menu-accordion .bordered-table .mat-cell:last-child { border-right: 1px solid #b9becb; } .mat-menu-accordion .bordered-table .mat-cell:not(.expanded-detail-cell) { border-top: 1px solid #b9becb; } .mat-menu-accordion .bordered-table .mat-cell.expanded-detail-cell { border-bottom: 1px solid #b9becb; transform: translateY(-6px); } .share-table-heading th.mat-header-cell { border-bottom-width: 2px; border-bottom-style: dashed; } .custom-accordian.mat-accordion .mat-expansion-panel { box-shadow: none !important; } .custom-accordian.mat-accordion .mat-expansion-panel .mat-expansion-panel-header { height: 48px !important; padding: 0 8px !important; background: none !important; } .custom-accordian.mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover { background: #eaf2f2 !important; } .custom-accordian.mat-accordion .mat-expansion-panel .mat-expansion-panel-content > .mat-expansion-panel-body { padding: 0 8px !important; } .mat-radio-buy .mat-radio-button.mat-accent .mat-radio-outer-circle { border-color: #4bb543 !important; background-color: #ffffff; } .mat-radio-buy .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-ripple .mat-ripple-element { background-color: #ffffff; } .mat-radio-sell .mat-radio-button.mat-accent .mat-radio-outer-circle { border-color: #ef5350 !important; background-color: #ffffff; } .mat-radio-sell .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-ripple .mat-ripple-element { background-color: #ffffff; } .condensed-select-field.accent-outline .mat-form-field-wrapper { background: #ffffff; border-radius: 8px; } .condensed-select-field.accent-outline .mat-form-field-outline { color: #0D70FF; } .condensed-select-field.mat-form-field-should-float .mat-form-field-label { color: #0D70FF; } .condensed-select-field.ng-spin-box-btn-up::before, .condensed-select-field.ng-spin-box-btn-down::before { color: #4d4d4d; } .condensed-select-field .mat-select-value-text, .condensed-select-field input { font-size: 0.9rem; } .condensed-select-field .mat-form-field-subscript-wrapper .mat-error { height: 100% !important; } .condensed-select-field .mat-form-field-infix .mat-form-field-label { height: inherit; } .share-radio-button .mat-radio-container { top: -23px; left: 28px; } .client-share-input .mat-select-arrow, .client-share-input .mat-select-value { display: none; } .mat-select-right .mat-select-value { margin-right: 10px; } .reorder-div-expanded { transform: rotate(180deg); } .re-order-container { transition: display 0.3 ease; } .re-order-hidden { display: none; } .chip-positive { background: rgba(75, 181, 67, 0.2) !important; } .chip-positive .ltp { color: #4bb543 !important; } .chip-positive .text-positive-chip { color: #4bb543 !important; } .chip-positive mat-icon { color: #4bb543 !important; } .new-input-field .mat-form-field-outline { background: white; } .chip-negative { background: rgba(239, 83, 80, 0.37) !important; } .chip-negative .ltp { color: #ef5350 !important; } .chip-negative mat-icon { color: #ef5350 !important; } .form-header-container { background-color: #e5e5e6; } .mat-dropdown-field { border: 1px solid #26adf8; border-radius: 4px; padding-left: 8px; height: 24px; position: relative; box-shadow: 2px 2px 6px #0D70FF; } .user-book .mat-tab-label.mat-tab-label-active { color: #0d70ff !important; font-weight: bolder; opacity: 1; } .user-book .mat-ink-bar { background: #0d70ff !important; } .mat-tab-label.mat-tab-label-active { color: #0d70ff; font-weight: bolder; opacity: 1; } .select-check-all-container .mat-checkbox-layout, .select-check-all-container .mat-checkbox-label { width: 100% !important; } .mat-checkbox-updations .mat-checkbox-layout { width: 100% !important; } .mat-checkbox-updations .mat-checkbox-label { width: calc(100% - 18px) !important; } .cdk-drag-preview { box-sizing: border-box; padding: 20px 10px; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(35, 38, 47, 0.2), 0 8px 10px 1px rgba(35, 38, 47, 0.14), 0 3px 14px 2px rgba(35, 38, 47, 0.12); } .cdk-drag-placeholder { opacity: 0; } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .rearrange-items { border-bottom: solid 1px rgba(35, 38, 47, 0.2); color: rgba(35, 38, 47, 0.87); } .ut-pro-header-card { width: 84vw; padding: 40px !important; box-shadow: none !important; } @media screen and (max-width: 1000px) { .ut-pro-header-card { width: 830px; } } .ut-pro-header-card.shadow-light { box-shadow: 0px 0px 40px rgba(167, 167, 167, 0.25) !important; } .ut-pro-button { border-radius: 10px !important; } .ut-pro-button.mat-stroked-button:not(:disabled) { border: 1px solid #919397; } .ut-pro-button.mat-stroked-button:not(:disabled):hover { transition: 600ms all ease; background: linear-gradient(to right, #5a98ff, #6de1ff, #5dd1ef, #5a98ff); color: #ffffff; } .ut-pro-button.mat-stroked-button:not(:disabled).mat-accent { border: 1px solid #0d70ff; } .ut-pro-button.mat-stroked-button:not(:disabled).mat-accent:hover { background-color: #0d70ff; color: #ffffff; } .ut-pro-button.vertical-unset .mat-button-wrapper .font-inter-semibold { vertical-align: unset !important; } .bg-gradient, .ut-pro-button:not(:disabled).gradient { background: linear-gradient(to right, #5a98ff, #6de1ff, #5dd1ef, #5a98ff); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background-size: 300% 100%; } .bg-gradient:hover, .ut-pro-button.gradient:hover:not(:disabled) { background-position: 100% 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .bg-gradient-warn, .ut-pro-button.gradient-warn { background: linear-gradient(to right, #fd3131, #f07b85, #f14c5a, #fd3131); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background-size: 300% 100%; } .bg-gradient-warn:hover, .ut-pro-button.gradient-warn:hover { background-position: 100% 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .vpa-field-suffix-prefix .mat-form-field-suffix, .vpa-field-suffix-prefix .mat-form-field-prefix { top: 0em !important; } .no-mat-error-space .mat-form-field-wrapper { margin-bottom: -1.25em !important; padding-bottom: 0 !important; } .no-form-field-infix .mat-form-field-infix { border: 0 !important; padding: 0.8em 0 !important; } .ut-pro-mat-form-field-dark .mat-form-field-wrapper { background-color: #f3f3f3 !important; } .ut-pro-mat-form-field-blue { padding: 0; } .ut-pro-mat-form-field-blue .mat-form-field-outline { color: white !important; border: 1px solid rgba(85, 144, 244, 0.8) !important; background-clip: padding-box; border-radius: 10px; } .ut-pro-mat-form-field { border-radius: 10px !important; } .ut-pro-mat-form-field .mat-form-field-subscript-wrapper { padding: 0 !important; } .ut-pro-mat-form-field.label-field { height: 80px; align-items: flex-end; display: flex; } .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { padding: 0; background-color: white; background-clip: padding-box; border-radius: 10px; } .ut-pro-mat-form-field.label-field .ut-label { position: absolute; top: -28px; left: 2px; font-size: 12px; font-weight: 400; } @media screen and (max-width: 1152px) { .ut-pro-mat-form-field.label-field .ut-label { font-size: 10px; } } @media screen and (max-width: 1024px) { .ut-pro-mat-form-field.label-field .ut-label { font-size: 8px; } } .ut-pro-mat-form-field.label-field .ut-toggle-label { position: relative !important; top: -36px !important; left: 26px !important; } .ut-pro-mat-form-field .mat-form-field-infix { padding: 0.2em 0 0.8em 0 !important; } .ut-pro-mat-form-field .mat-form-field-infix input { line-height: 20px; padding-left: 8px; width: calc(100% - 20px); } .ut-pro-mat-form-field .mat-select-arrow-wrapper { transform: translateY(0%) !important; } .ut-pro-mat-form-field .mat-form-field-label-wrapper label { line-height: 20px; } .ut-pro-mat-form-field .mat-form-field-suffix, .ut-pro-mat-form-field .mat-form-field-prefix { top: 0.35em !important; } .ut-pro-mat-form-field .mat-form-field-subscript-wrapper { top: 40px; } .ut-pro-mat-form-field .mat-select-value-text { font-size: 12px; } .ut-pro-mat-form-field input { font-size: 12px; } .ut-pro-mat-form-field.no-suffix-top .mat-form-field-suffix { top: 0 !important; } .strategy-form-button .mat-button-wrapper { font-weight: 500 !important; font-size: 12px !important; } .buy-form-field .mat-select-value-text { color: #009688 !important; } .sell-form-field .mat-select-value-text { color: #f44336 !important; } .time-form-field .mat-form-field-wrapper { padding: 0 !important; background-color: white !important; background-clip: padding-box; border-radius: 10px; } .multiplier-form-field { margin: 4px 0; width: 80px; } .multiplier-form-field .mat-form-field-wrapper { padding: 0 !important; } .multiplier-form-field .mat-form-field-wrapper .mat-form-field-infix { border: none; padding: 12px 4px 8px 2px; } .deploy-dialog-multiplier .mat-form-field-wrapper { padding: 0 !important; margin: 0 !important; } .deploy-dialog-multiplier .mat-form-field-wrapper .mat-form-field-infix { border: none; } .deploy-dialog-multiplier .mat-form-field-wrapper .mat-form-field-outline { height: 38px !important; } .deploy-dialog-multiplier .mat-form-field-wrapper .mat-form-field-outline-end { border-radius: 0px !important; } .deploy-dialog-multiplier .mat-form-field-wrapper .mat-form-field-outline-start { border-radius: 8px 0px 0px 8px !important; } .chain-field-sm .ng-spin-box-wrapper button, .chain-field-sm ng-spin-box-wrapper-lot button, .chain-field-sm .mat-form-field ng-spin-box-wrapper-lot button, .mat-form-field .chain-field-sm ng-spin-box-wrapper-lot button { right: -2px !important; } .chain-field-sm .ng-spin-box-wrapper button.ng-spin-box-btn-up, .chain-field-sm ng-spin-box-wrapper-lot button.ng-spin-box-btn-up { top: -10px !important; } .chain-field-sm .ng-spin-box-wrapper button.ng-spin-box-btn-down, .chain-field-sm ng-spin-box-wrapper-lot button.ng-spin-box-btn-down { bottom: 4px !important; } .chain-field-sm .mat-form-field-infix { padding: 0.05em 0 0.4em 0 !important; } .chain-field-sm .mat-form-field-infix input { line-height: 8px !important; } .chain-field-sm .mat-form-field-outline .mat-form-field-outline-start { border-radius: 4px 0px 0px 4px !important; } .chain-field-sm .mat-form-field-outline .mat-form-field-outline-end { border-radius: 0px 4px 4px 0px !important; } .chain-field-sm .mat-form-field-wrapper { margin: 0.38em 0 !important; } .mat-select-disabled .mat-select-arrow { opacity: 0.5; } .ut-pro-indicator-condition-string.border-accent { border: 1px solid #b3e2fd; } .ut-pro-indicator-condition-string .condition-string.bg-gray { background: #f9fbfc; } .ut-pro-indicator-condition-string .condition-string .condition-badge { border-radius: 16px; padding: 4px 16px; width: 40px; } .ut-field-label { font-size: 0.88rem; } .basic-form-field .mat-form-field-infix input, .search-field .mat-form-field-infix input { color: #000000; padding-left: 8px; width: calc(100% - 20px); } .basic-form-field .mat-form-field-infix input::placeholder, .search-field .mat-form-field-infix input::placeholder { color: #777e90 !important; } .basic-form-field .mat-form-field-outline, .search-field .mat-form-field-outline { color: #bfc3cb !important; } .submit-button:hover { background-color: #008ede !important; } .phone-field .mat-form-field-flex { align-items: center; } .phone-field .mat-form-field-appearance-outline .mat-form-field-prefix { top: 1.6px; } .keywords-chip { padding: 2px 8px !important; font-size: 12px !important; min-height: 24px !important; margin: 0px 4px !important; } .keywords-chip mat-icon { font-size: 18px; height: 18px; width: 18px; } .books-container .mat-tab-body-wrapper { height: 300px !important; } .mat-icon-12 .mat-icon { font-size: 12px !important; height: 12px !important; width: 12px !important; } .mat-icon-14 .mat-icon { font-size: 14px !important; height: 14px !important; width: 14px !important; } .mat-icon-16 .mat-icon { font-size: 16px !important; height: 16px !important; width: 16px !important; line-height: 16px !important; } .mat-icon-18 .mat-icon { font-size: 18px !important; height: 18px !important; width: 18px !important; line-height: 18px !important; } .mat-icon-12 .mat-icon { font-size: 12px !important; height: 12px !important; width: 12px !important; } .mat-icon-32 .mat-icon { font-size: 32px !important; height: 32px !important; width: 32px !important; } .filter-icon .mat-icon { font-size: 20px !important; height: 16px !important; width: 16px !important; } .tooltip-info, .tooltip-container { background-color: white !important; color: #0c0d12 !important; line-height: 1.5; max-width: 40vw !important; font-size: 14px; box-shadow: 0 2px 8px #65676d !important; } .totp-tooltip { background-color: white; line-height: 1; max-width: 500px !important; position: fixed; transition: opacity 0.3s ease-in-out; opacity: 1; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); padding: 24px; } .totp-tooltip.fade-out { opacity: 0; } .totp-tooltip.width-600 { max-width: 600px !important; } .totp-tooltip.width-800 { max-width: 800px !important; } .totp-tooltip { background-color: white; line-height: 1; max-width: 500px !important; position: fixed; transition: opacity 0.3s ease-in-out; opacity: 1; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); padding: 24px; } .totp-tooltip.fade-out { opacity: 0; } .totp-tooltip.width-600 { max-width: 600px !important; } .totp-tooltip.width-800 { max-width: 800px !important; } .tooltip-container { max-width: 500px !important; position: fixed; transition: opacity 0.3s ease-in-out; opacity: 1; } .tooltip-container.fade-out { opacity: 0; } .tooltip-container.width-600 { max-width: 600px !important; } .tooltip-container.width-800 { max-width: 800px !important; } .tooltip-container.width-400 { max-width: 400px !important; } .tooltip-link { color: #0036d6; text-decoration: none; } .tooltip-arrow { position: absolute; bottom: -7px; transform: translateX(50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #23262f !important; } .fade-out { opacity: 0; } .submit-button:disabled { background-color: #e6f5fe !important; } .submit-button:disabled span { color: #bbd3e0 !important; } .basic-form-field:not(.no-hover):hover, .search-field:not(.no-hover):hover { border: #008ede !important; } .basic-form-field:not(.no-hover):hover .mat-form-field-outline, .search-field:not(.no-hover):hover .mat-form-field-outline, .basic-form-field:not(.no-hover):hover .mat-form-field-outline-start, .search-field:not(.no-hover):hover .mat-form-field-outline-start, .basic-form-field:not(.no-hover):hover .mat-form-field-outline-end, .search-field:not(.no-hover):hover .mat-form-field-outline-end, .basic-form-field:not(.no-hover):hover .mat-form-field-outline-thick, .search-field:not(.no-hover):hover .mat-form-field-outline-thick { color: #0d70ff !important; border-width: 1px !important; } .white-bg-field .mat-form-field-outlin-gap, .white-bg-field .mat-form-field-outline-start, .white-bg-field .mat-form-field-outline-end { background-color: white; } .search-field .mat-form-field-outline { color: #e8eff3 !important; } .dynamic-font { font-size: 14px !important; } @media screen and (max-width: 1152px) { .dynamic-font { font-size: 12px !important; } } @media screen and (max-width: 1024px) { .dynamic-font { font-size: 10px !important; } } .dynamic-font-12, .ut-mat-button-toggle-new .mat-button-toggle, .placeholder-font-12 .mat-select-placeholder { font-size: 12px !important; } @media screen and (max-width: 1152px) { .dynamic-font-12, .ut-mat-button-toggle-new .mat-button-toggle, .placeholder-font-12 .mat-select-placeholder { font-size: 10px !important; } } .screen-card-shadow, .screen-card-shadow-full { background-color: #f7f6ff; position: absolute; height: 100%; border-radius: 20px; opacity: 0.2 !important; } .screen-card-shadow-full { top: -16px; left: -16px; width: calc(100% + 32px); } .op-card-1, .op-card-2, .op-card-3 { background-color: #f7f6ff; } .op-card-border { border: 24px solid rgba(247, 246, 255, 0.2); background-clip: padding-box; border-radius: 16px !important; } .op-card-border .child-mat-card { margin: -4px !important; } .rounded-progress-bar { border: 1px solid #e8eff3; } .rounded-progress-bar .mat-progress-bar-buffer { background-color: #ffffff !important; } .defualt-mat-button-toggle-group.mat-button-toggle-group { border-radius: 8px; } .defualt-mat-button-toggle-group.mat-button-toggle-group .mat-button-toggle-checked:not(.dense-toogle-group):not(.buy-box):not(.sell-box):not(.mat-button-toggle-disabled) { color: white; } .defualt-mat-button-toggle-group.mat-button-toggle-group .mat-button-toggle { border-radius: 8px; } .ut-mat-button-toggle-new .mat-button-toggle-button { max-width: 108px !important; border-radius: 24px !important; height: 36px !important; } .ut-mat-button-toggle-new .mat-button-toggle-checked { background-color: white !important; } .ut-mat-button-toggle-new .mat-button-toggle-checked .mat-button-toggle-button { color: white; } .ut-mat-button-toggle-new .mat-button-toggle-group { border-radius: 24px !important; height: 48px !important; } .option-chain-button-toggle-group.mat-button-toggle-group { border-radius: 8px; } .option-chain-button-toggle-group.mat-button-toggle-group .mat-button-toggle-checked { background-color: #0d70ff; } .option-chain-button-toggle-group.mat-button-toggle-group .mat-button-toggle { border-radius: 8px; } .mat-menu-item.menu-operator-item:not(:last-child) { border-bottom: 1px solid #bdbec1; } .broker-selection-dialog .mat-dialog-container, .index-watch-dialog .mat-dialog-container { padding: 0 !important; border-radius: 16px !important; overflow: hidden !important; } .re-name-input { border-radius: 8px; width: 176px !important; padding: 4px 24px 4px 4px; } .re-name-input:hover { outline: 2px solid #000000 !important; } .re-name-input:focus { outline: 2px solid #008ede !important; } @font-face { font-family: InterSemiBold; src: url("/assets/fonts/Inter_SemiBold.ttf") format("truetype"); } @font-face { font-family: InterRegular; src: url("/assets/fonts/Inter_Regular.ttf") format("truetype"); } @font-face { font-family: InterMedium; src: url("/assets/fonts/Inter_Medium.ttf") format("truetype"); } @font-face { font-family: InterExtraBold; src: url("/assets/fonts/Inter_ExtraBold.ttf") format("truetype"); } @font-face { font-family: OpenSansRegular; src: url("/assets/fonts/OpenSans_Regular.ttf") format("truetype"); } @font-face { font-family: OpenSansSemiBold; src: url("/assets/fonts/OpenSans_SemiBold.ttf") format("truetype"); } @font-face { font-family: OpenSansMedium; src: url("/assets/fonts/OpenSans_Medium.ttf") format("truetype"); } @font-face { font-family: OpenSansExtraBold; src: url("/assets/fonts/OpenSans_ExtraBold.ttf") format("truetype"); } @font-face { font-family: SpaceGroteskRegular; src: url("/assets/fonts/SpaceGrotesk-Regular.ttf") format("truetype"); } @font-face { font-family: SpaceGroteskBold; src: url("/assets/fonts/SpaceGrotesk-Bold.ttf") format("truetype"); } @font-face { font-family: SpaceMonoRegular; src: url("/assets/fonts/SpaceMono-Regular.ttf") format("truetype"); } @font-face { font-family: RobotoRegular; src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: RobotoBold; src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype"); } .font-inter-semibold { font-family: "InterSemiBold", "OpenSansSemiBold", sans-serif !important; font-weight: lighter !important; } .font-inter-regular { font-family: "InterRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .font-inter-medium, .funds-container .funds-tabs .mat-tab-header .mat-tab-label-active .mat-tab-label-content { font-family: "InterMedium", "OpenSansMedium", sans-serif !important; font-weight: lighter !important; } .font-inter-extrabold, #header-component mat-toolbar .dashboard-tabs .mat-button-toggle-checked, .rounded-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content, .vertical-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content { font-family: "InterExtraBold", "OpenSansExtraBold", sans-serif !important; font-weight: lighter; } .font-spacegrotesk-regular { font-family: "SpaceGroteskRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter; } .font-spacegrotesk-bold { font-family: "SpaceGroteskBold", "OpenSansExtraBold", sans-serif !important; font-weight: lighter; } .font-spacemono-regular { font-family: "SpaceMonoRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter; } .font-roboto-regular { font-family: "RobotoRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .font-roboto-bold { font-family: "RobotoBold", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .base-font { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font-size: 24px; font-weight: 400; line-height: 32px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font-size: 20px; font-weight: 500; line-height: 32px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font-size: 16px; font-weight: 400; line-height: 28px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font-size: 15px; font-weight: 400; line-height: 24px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px 'InterRegular', 'OpenSansRegular', sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px 'InterRegular', 'OpenSansRegular', sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font-size: 14px; font-weight: 500; line-height: 24px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font-size: 14px; font-weight: 400; line-height: 20px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font-size: 14px; font-weight: 400; line-height: 20px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font-size: 112px; font-weight: 300; line-height: 112px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font-size: 56px; font-weight: 400; line-height: 56px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font-size: 45px; font-weight: 400; line-height: 48px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font-size: 34px; font-weight: 400; line-height: 40px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; margin: 0 0 64px; } html { --mat-badge-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; } html { --mat-bottom-sheet-container-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-standard-button-toggle-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; } html { --mat-datepicker-calendar-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-expansion-header-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-expansion-header-text-size: 15px; --mat-expansion-header-text-weight: 400; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 14px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 14px; } html { --mat-stepper-container-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-stepper-header-label-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 500; } html { --mat-toolbar-title-text-font: 'InterRegular', 'OpenSansRegular', sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 500; } .mat-tree { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-option { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 16px; } .mat-optgroup-label { font-size: 14px; font-weight: 500; line-height: 24px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; font-weight: 500; } .mat-datepicker-content .mdc-button { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, 'InterRegular', 'OpenSansRegular', sans-serif)); font-size: var(--mdc-typography-button-font-size, 14px); line-height: var(--mdc-typography-button-line-height, 14px); font-weight: var(--mdc-typography-button-font-weight, 500); letter-spacing: var(--mdc-typography-button-letter-spacing, normal); -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); text-decoration: var(--mdc-typography-button-text-decoration, none); text-transform: var(--mdc-typography-button-text-transform, none); } .mat-card { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-tooltip { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } input.mat-input-element { margin-top: -0.0625em; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34373em) scale(0.75); width: 133.3333533333%; } .mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34372em) scale(0.75); width: 133.3333633333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px); width: 133.3333933333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px); width: 133.3334033333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px); width: 133.3334133333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28116em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28115em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28114em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59373em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59372em) scale(0.75); width: 133.3333633333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59373em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59372em) scale(0.75); width: 133.3333633333%; } .mat-select { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-checkbox { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-dialog-title { font-size: 20px; font-weight: 500; line-height: 32px; font-family: 'InterRegular', 'OpenSansRegular', sans-serif; letter-spacing: normal; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-slide-toggle-content { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-tab-group { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-tab-label, .mat-tab-link { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; font-weight: 500; } .mat-radio-button { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-slider-thumb-label-text { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; font-weight: 500; } .mat-menu-item { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; font-weight: 400; } .mat-list-item { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-list-option { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 14px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base[dense] .mat-list-option { font-size: 14px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base[dense] .mat-subheader { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; font-weight: 500; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; } .mat-simple-snackbar { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-table { font-family: 'InterRegular', 'OpenSansRegular', sans-serif; } .mat-header-cell { font-size: 14px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } /* conf_block_end; */ /* conf_block_start; conf_def:import_styles:mastertrust */ /* conf_block_end; */ /* conf_block_start; conf_def:import_styles:pesb */ /* conf_block_end; */ /* conf_block_start; conf_def:import_styles:operator */ /* conf_block_end; */ /* conf_block_start; conf_def:import_styles:stratx */ /* conf_block_end; */ /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .centered-mat-button-toggle .mat-button-toggle { border-radius: 8px !important; } .affiliate-lead-status-report-list-view-container mat-list-item .mat-list-item-content { justify-content: space-between; } .algo-tracking-info-menu { max-width: 60vw !important; } .bt-expanded-tabs { height: 92% !important; } .bt-expanded-tabs .mat-tab-body-wrapper { overflow: auto; max-height: 520px !important; } .bt-expanded-tabs .mat-tab-body-wrapper .mat-tab-body-active { overflow: hidden; } .enable-error .mat-checkbox-frame { border-color: red; } .change-password-form .mat-form-field-label mat-label { padding: 2px !important; } .changes-form-container .mat-form-field .mat-input-element { padding: 0em 0px 0.4em 0px; } .action-buttons button { min-width: 160px; } .action-buttons button.normal-button { min-width: -moz-fit-content; min-width: fit-content; } .focus-out-btn .mat-button-focus-overlay, .mat-dialog-container button.close-icon-btn .mat-button-focus-overlay { background-color: transparent !important; } .update-form { padding: 16px; } .update-form .columns { width: 97%; } .update-form .columns .cell { padding: 8px 0px; height: 64px; } .update-form .columns .cell .key { float: left; width: 33%; padding: 16px; font-weight: bolder; } .update-form .columns .cell .value { float: right; width: 56%; } .update-form .action-buttons { height: 8px; } .update-form .action-buttons button { left: 80px; bottom: 28px; } .first-positive { padding: 0; } .first-positive .columns .cell { height: 80px; } .first-positive .columns .cell .key { width: 39%; } .first-positive .columns .cell .value { width: 52%; } .algo-detail-field-outline, .owl-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline, .algo-detail-fields .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline { background-color: white; border-radius: 8px; } .backtest-search-field { max-width: unset !important; } .backtest-search-field .mat-form-field-wrapper .mat-form-field-flex { width: 22rem; } .owl-field .mat-form-field-wrapper .mat-form-field-flex { margin-right: -32px !important; } .owl-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { margin-left: 8px; } .screen-heading { margin: 0px 0px 42px 42px; } .op-card-1 { top: -14px; left: -10px; width: 100%; } .op-card-2 { top: -14px; left: -10px; width: 100%; } .op-card-3 { top: -12px; left: -12px; width: 102%; } .my-strategies-tabs .mat-tab-header { width: -moz-fit-content !important; width: fit-content !important; } @media screen and (max-width: 1099px) { .my-strategies-tabs .mat-tab-header .mat-tab-label, .my-strategies-tabs .mat-tab-header .mat-ink-bar { min-width: 100px; } } .portfolio-params .mat-tab-group .mat-tab-header { width: 95% !important; } .graph-data-container .mat-tab-header { min-width: 720px !important; } .op-card-1, .op-card-2, .op-card-3 { position: absolute; height: 100%; border-radius: 20px; opacity: 0.2; } .paginator .page { min-width: unset; border-radius: 28px; height: 28px; width: 50px; line-height: 28px; } .algo-trading-tabs .mat-tab-body-content { height: calc(100vh - (4vh + 115px)); } .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper { height: calc(100vh - (4vh + 150px)); } .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table { height: 200px; } .scroll-buttons { padding: 0px 16px; width: 99%; box-sizing: border-box; } .scroll-buttons button { height: 26px; width: 26px; } .scroll-buttons button .mat-button-wrapper { padding: 4px 0px !important; } .scroll-buttons button mat-icon { font-size: 14px; height: 26px; } .centered-tabs .mat-tab-labels { justify-content: center; } .rounded-progress-bar { border-radius: 10px; } .rounded-progress-bar .mat-progress-bar-primary::after, .rounded-progress-bar .mat-progress-bar-buffer { border-radius: 10px; } .ut-pro-select-field, .ut-pro-select-calender-icon { width: 10% !important; border-radius: 8px; background-image: url("/assets/icons/chevron_down.svg"); background-repeat: no-repeat; background-position: right 8px center; } .ut-pro-select-field .mat-select-arrow, .ut-pro-select-calender-icon .mat-select-arrow { opacity: 0; } .ut-pro-select-field .mat-select-placeholder, .ut-pro-select-calender-icon .mat-select-placeholder, .ut-pro-select-field .mat-select-value, .ut-pro-select-calender-icon .mat-select-value { font-size: 14px; } @media screen and (max-width: 1152px) { .ut-pro-select-field .mat-select-placeholder, .ut-pro-select-calender-icon .mat-select-placeholder, .ut-pro-select-field .mat-select-value, .ut-pro-select-calender-icon .mat-select-value { font-size: 12px; } } @media screen and (max-width: 1024px) { .ut-pro-select-field .mat-select-placeholder, .ut-pro-select-calender-icon .mat-select-placeholder, .ut-pro-select-field .mat-select-value, .ut-pro-select-calender-icon .mat-select-value { font-size: 10px; } } .ut-pro-select-calender-icon { background-image: url("/assets/icons/date_range.svg"); } .mat-list-item-content { padding: 0 8px !important; } .execute-days-list .mat-list-option[aria-disabled=true] { background-color: transparent; } .execute-days-list .mat-list-item .mat-list-text { padding-left: 4px !important; } .rounded-chip-toggles-style, .custom-toggle-button mat-button-toggle { margin-right: 8px; border-radius: 8px; padding: 0px 12px; font-size: 12px; } .backtest-action-button .mat-button-wrapper .mat-progress-bar { bottom: 0 !important; top: unset !important; } .dense-form-feild, .denser-form-field { margin-top: 8px; } .dense-form-feild.auto-complete-field .mat-form-field-flex, .auto-complete-field.denser-form-field .mat-form-field-flex { padding-bottom: 4px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper, .auto-complete-field.denser-form-field .mat-form-field-wrapper { padding: 0; line-height: 48px; width: 100%; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-flex, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-flex { align-items: center; display: flex; padding-right: 4px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix { padding: 0; border-top: 0; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label { top: 1.12em; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label mat-label, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label mat-label { padding: 2px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper { transform: translateY(0%); } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-infix input, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-infix input { line-height: 40px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper { margin-top: 2.2em; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-error, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper .mat-error { padding: 0px 0px; line-height: 12px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper .mat-form-field-suffix, .auto-complete-field.denser-form-field .mat-form-field-wrapper .mat-form-field-suffix { top: 4px; } .dense-form-feild.auto-complete-field .mat-form-field-wrapper.mat-form-field-should-float .mat-form-field-label, .auto-complete-field.denser-form-field .mat-form-field-wrapper.mat-form-field-should-float .mat-form-field-label { transform: translateY(-1em) scale(0.75) !important; } .mat-dialog-container button.close-icon-btn { top: 0; right: 0; } .transaction-history-dialog .mat-dialog-container { position: relative; } .extend-free-plan-dialog .mat-dialog-container { border-radius: 12px !important; } .ut-pro-dialog-box-custom-header .mat-dialog-container { padding: 0 !important; } .ut-pro-dialog-box-custom-header .mat-dialog-container .dialog-body { padding: 16px; } .profile-menu .mat-dialog-container { padding: 8px 16px; } .chat-widget-dialog .mat-dialog-container { padding: 0; border-radius: 16px; box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 1px 4px rgba(3, 7, 18, 0.03), 0px 1px 9px rgba(3, 7, 18, 0.05), 0px 3px 15px rgba(3, 7, 18, 0.06), 0px 4px 24px rgba(3, 7, 18, 0.08); } .editor-container .basic-editor .editor-panel .mat-expansion-panel-content .mat-expansion-panel-body { padding: 0 8px; } .screener-results-table .mat-header-row .mat-header-cell .mat-sort-header-container { justify-content: center !important; } .screener-results-paginator .mat-paginator-container { min-height: 40px; } .screener-filters-menu { width: 240px; max-height: 320px !important; } .screener-filters-menu .mat-menu-content:not(:empty) { padding: 8px 8px 0; } .screener-filters-menu .filter-sub-option.mat-checkbox { padding-left: 16px; } .screener-filters-menu .filter-sub-option.mat-checkbox .mat-checkbox-layout { white-space: normal; } .screener-filters-menu .screener-filters-action { line-height: 28px; position: sticky; bottom: 0; } mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-right: 0px; } .mat-drawer-content { scrollbar-width: none !important; } .mat-drawer-content::-webkit-scrollbar { display: none !important; } .notification-sidenav { z-index: unset !important; } .notification-sidenav .mat-drawer-backdrop.mat-drawer-shown { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 999 !important; } .notification-sidenav mat-sidenav { width: 375px !important; height: 75vh !important; transform: translate(-56px, 38px) !important; } .notification-sidenav mat-sidenav .mat-drawer-inner-container { scrollbar-width: none; overflow: hidden !important; } .notification-sidenav mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar { display: none; } .cover-height { height: 80% !important; } .panic-control-panel .mat-dialog-container { border-radius: 12px; } .floating-button .mat-dialog-container { overflow: unset !important; } .mat-menu-panel.filters-menu { max-width: 496px !important; } .overflow-none .mat-dialog-container { overflow: unset !important; } .sort-header-center .mat-sort-header-container { justify-content: center; display: flex; } .sort-header-center .mat-sort-header-container .mat-sort-header-content { margin-left: 16px; } .denser-form-field { margin-top: 4px 0 0 0; } .denser-form-field .mat-form-field-wrapper { line-height: 40px; } .denser-form-field .mat-form-field-subscript-wrapper { margin-top: unset; } .change-password-field { justify-content: space-between !important; } .change-password-field .label { padding-bottom: 1.34375em; flex: 1; } .change-password-field mat-form-field { flex: 1.5; } .change-password-field mat-form-field .mat-form-field-infix { padding-bottom: 11px; } .basic-form-field-template .mat-form-field-infix, .basic-form-field .mat-form-field-infix, .basic-condensed-form-field .mat-form-field-infix, .search-field .mat-form-field-infix { padding: 16px 0 14px 0 !important; border-top: unset !important; } .basic-form-field-template .mat-form-field-infix input, .basic-form-field .mat-form-field-infix input, .basic-condensed-form-field .mat-form-field-infix input, .search-field .mat-form-field-infix input { height: 100%; } .basic-form-field-template .mat-form-field-subscript-wrapper, .basic-form-field .mat-form-field-subscript-wrapper, .basic-condensed-form-field .mat-form-field-subscript-wrapper, .search-field .mat-form-field-subscript-wrapper { padding: 0 !important; } .basic-form-field-template .mat-form-field-outline-start, .basic-form-field .mat-form-field-outline-start, .basic-condensed-form-field .mat-form-field-outline-start, .search-field .mat-form-field-outline-start { border-radius: 10px 0px 0px 10px !important; } .basic-form-field-template .mat-form-field-outline-end, .basic-form-field .mat-form-field-outline-end, .basic-condensed-form-field .mat-form-field-outline-end, .search-field .mat-form-field-outline-end { border-radius: 0px 10px 10px 0px !important; } .basic-form-field .mat-form-field-appearance-outline .mat-form-field-suffix, .search-field .mat-form-field-appearance-outline .mat-form-field-suffix { top: 6px !important; } .basic-form-field.no-right-radius .mat-form-field-outline, .no-right-radius.search-field .mat-form-field-outline, .basic-form-field.no-right-radius .mat-form-field-outline-start, .no-right-radius.search-field .mat-form-field-outline-start, .basic-form-field.no-right-radius .mat-form-field-outline-end, .no-right-radius.search-field .mat-form-field-outline-end, .basic-form-field.no-right-radius .mat-form-field-outline-thick, .no-right-radius.search-field .mat-form-field-outline-thick { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .basic-condensed-form-field { margin-top: 4px !important; } .basic-condensed-form-field .mat-form-field-wrapper { padding-bottom: 0 !important; margin-bottom: 0 !important; } .basic-condensed-form-field .mat-form-field-infix { padding: 12px 0 10px 0 !important; } .basic-condensed-form-field .mat-form-field-prefix, .basic-condensed-form-field .mat-form-field-suffix { top: 0 !important; } .search-field .mat-form-field-infix { padding: 8px 0 8px 0 !important; } .search-field .mat-form-field-flex { padding: 0 0.5em 0 0.5em !important; } .search-field .mat-form-field-wrapper { padding: 0px; } .search-field mat-icon { width: 16px; height: 18px; } .submit-button { height: 40px; border-radius: 10px !important; } .no-pad-bot-field .mat-form-field-wrapper { padding-bottom: 0 !important; } .denser { margin-top: 0; } .denser .mat-form-field-wrapper { line-height: 40px; } .denser input { line-height: 36px; } .condensed-select-field .ng-spin-box-btn-up { top: -8px !important; } .condensed-select-field .ng-spin-box-btn-down { bottom: 4px !important; } .condensed-select-field.small .mat-form-field-infix { padding: 0 !important; } .condensed-select-field .mat-form-field-wrapper { padding: 0; } .condensed-select-field .mat-form-field-wrapper .mat-form-field-flex { height: 44px; } .condensed-select-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { border-top-width: 8px; padding-bottom: 8px !important; } .condensed-select-field.mat-form-field-should-float .mat-form-field-label-wrapper { top: -1.25em; } .condensed-select-field.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1em) scale(0.75) !important; } .condensed-select-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper { transform: translateY(0%); } .condensed-select-field .mat-form-field-subscript-wrapper { margin: 2.1em 0 1rem 0 !important; top: calc(100% - 2.1em) !important; } .condensed-select-field .mat-form-field-subscript-wrapper .mat-error { min-height: 16px; } .strategy-form-field-sm .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-sm .mat-form-field-wrapper .mat-form-field-flex { width: 100px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-sm .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .strategy-form-field-sm-executeOn .mat-form-field-wrapper .mat-form-field-flex { width: 126px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-sm-executeOn .mat-form-field-wrapper .mat-form-field-flex { width: 106px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-sm-executeOn .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .strategy-form-field-mid-mid .mat-form-field-wrapper .mat-form-field-flex { width: 136px !important; } @media screen and (max-width: 1200px) { .strategy-form-field-mid-mid .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid-mid .mat-form-field-wrapper .mat-form-field-flex { width: 70px !important; } } .strategy-form-field-mid .mat-form-field-wrapper .mat-form-field-flex { width: 150px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-mid .mat-form-field-wrapper .mat-form-field-flex { width: 140px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } } .strategy-form-field-mid-new .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-mid-new .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid-new .mat-form-field-wrapper .mat-form-field-flex { width: 60px !important; } } .strategy-form-field-lg .mat-form-field-wrapper .mat-form-field-flex { width: 250px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg .mat-form-field-wrapper .mat-form-field-flex { width: 220px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg .mat-form-field-wrapper .mat-form-field-flex { width: 200px !important; } } .strategy-form-field-lg-new .mat-form-field-wrapper .mat-form-field-flex { width: 150px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg-new .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg-new .mat-form-field-wrapper .mat-form-field-flex { width: 100px !important; } } .strategy-form-field-lg-mid .mat-form-field-wrapper .mat-form-field-flex { width: 185px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg-mid .mat-form-field-wrapper .mat-form-field-flex { width: 150px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg-mid .mat-form-field-wrapper .mat-form-field-flex { width: 130px !important; } } .strategy-form-field-lg-symbol .mat-form-field-wrapper .mat-form-field-flex { width: 175px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-lg-symbol .mat-form-field-wrapper .mat-form-field-flex { width: 120px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-lg-symbol .mat-form-field-wrapper .mat-form-field-flex { width: 100px !important; } } .strategy-form-field-lg-2 .mat-form-field-wrapper .mat-form-field-flex { width: 100% !important; } .strategy-form-field-x-lg .mat-form-field-wrapper .mat-form-field-flex { width: 300px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-x-lg .mat-form-field-wrapper .mat-form-field-flex { width: 260px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-x-lg .mat-form-field-wrapper .mat-form-field-flex { width: 240px !important; } } .strategy-form-field-mid-sm .mat-form-field-wrapper .mat-form-field-flex { width: 110px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-mid-sm .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-mid-sm .mat-form-field-wrapper .mat-form-field-flex { width: 75px !important; } } .strategy-form-field-sm-sm .mat-form-field-wrapper .mat-form-field-flex { width: 90px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-sm-sm .mat-form-field-wrapper .mat-form-field-flex { width: 85px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-sm-sm .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .strategy-form-field-xs .mat-form-field-wrapper .mat-form-field-flex { width: 76px !important; } @media screen and (max-width: 1152px) { .strategy-form-field-xs .mat-form-field-wrapper .mat-form-field-flex { width: 85px !important; } } @media screen and (max-width: 1024px) { .strategy-form-field-xs .mat-form-field-wrapper .mat-form-field-flex { width: 80px !important; } } .custom-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { width: 140px; } .timer-form-field .mat-form-field-infix { display: flex; } .option-chain-lot-sm .mat-form-field-wrapper .mat-form-field-flex { width: 60px !important; } .ut-pro-slide-toggle-mid .mat-slide-toggle-thumb, .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb { width: 18px !important; height: 18px !important; margin: 0 2px !important; transform: translate(50%, 50%); background-color: #fff !important; } .ut-pro-slide-toggle-mid .mat-slide-toggle-bar, .ut-pro-slide-toggle-sm .mat-slide-toggle-bar { border-radius: 16px !important; height: 20px !important; width: 40px !important; } .ut-pro-slide-toggle-mid .mat-slide-toggle-thumb-container, .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb-container { top: -8px !important; left: -8px; width: 44px; height: 40px; } .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb { width: 14px !important; height: 14px !important; } .ut-pro-slide-toggle-sm .mat-slide-toggle-bar { border-radius: 12px !important; height: 18px !important; width: 32px !important; } .ut-pro-slide-toggle-sm .mat-slide-toggle-thumb-container { top: -5px !important; left: -8px; width: 30px; height: 30px; } .deploy-select-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { padding-bottom: 12px !important; } .deploy-select-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper { padding-top: 4px; } .mat-select-panel { border-radius: 4px; } .mat-select-panel .mat-option { height: 2.6em; line-height: 2.6em; } .small-paginator .mat-paginator .mat-paginator-container { min-height: 32px; } .small-paginator .mat-paginator .mat-paginator-container .mat-paginator-range-label { margin: 0 8px 0 8px; } .widget-toolbar { padding: 0 8px 0 16px !important; } .backdrop-blur { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .compact-autocomplete.mat-autocomplete-panel { max-height: 112px; } .compact-autocomplete .mat-option { font-size: 14px; max-height: 40px; min-height: unset; white-space: unset; overflow: unset; text-overflow: unset; line-height: unset; padding: 4px 16px; } .dense-menu { min-height: unset !important; } .dense-menu .mat-menu-content { padding: 0 !important; } .dense-menu .mat-menu-item { font-size: 13px; line-height: 32px; max-height: 32px; padding: 0px 10px; } .dense-grid-tile .mat-figure { justify-content: left !important; } .dense-grid-tile .mat-figure .mat-checkbox { padding-left: 15px; } .dense-grid-tile .mat-figure .mat-checkbox .mat-checkbox-layout .mat-checkbox-label { font-size: 14px; } .check-box-14 .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container { width: 14px !important; height: 14px !important; } .dense-accordion.mat-accordion .mat-expansion-panel .mat-expansion-panel-header { height: 48px !important; } .dense-toogle-group .mat-button-toggle-label-content { line-height: 40px !important; padding: 0 8px !important; } .denser-toogle-group { height: 20px; width: 32px; } .denser-toogle-group .mat-button-toggle-label-content { line-height: 22px !important; } .dialog-no-padding .mat-dialog-container, .transaction-history-dialog .mat-dialog-container .mat-dialog-container, .extend-free-plan-dialog .mat-dialog-container, .dialog-no-padding-no-scroll .mat-dialog-container { padding: 0; } .padding-dialog .mat-dialog-container { padding: 16px; } .padding-dialog-24 .mat-dialog-container { padding: 24px; } .no-scroll .mat-dialog-container, .dialog-no-padding-no-scroll .mat-dialog-container { overflow: hidden !important; } .option-chain-dialog { width: 80vw; height: 600px; } .dialog-rouded-edges .mat-dialog-container { border-radius: 10px; } .dialog-content-rounded-edges .mat-dialog-container { border-radius: 10px !important; } .dialog-content-rounded-edges .mat-dialog-container .dialog-wrapper { border-radius: 10px !important; } .dense-menu-trigger.mat-menu-trigger { padding: 0 8px !important; } .nolimit-menu-panel { max-width: unset !important; } .nolimit-menu-panel .mat-menu-content { padding-top: 0 !important; } .mat-checkbox-label { white-space: initial !important; } .dense-button-toogle-group .mat-button-toggle-label-content { line-height: 40px !important; padding: 0 16px !important; } .dense-radio-button .mat-radio-container, .dense-radio-button .mat-radio-outer-circle, .dense-radio-button .mat-radio-inner-circle { width: 16px; height: 16px; } .dense-radio-button .mat-radio-label { display: flex !important; white-space: unset !important; } .dense-radio-button .mat-radio-label-content { font-size: 14px; } .stepper-padding-top .mat-horizontal-content-container { padding: 24px !important; } @media screen and (max-width: 1024px) { .stepper-padding-top .mat-horizontal-content-container { padding: 0 !important; } } .custom-checkbox .mat-checkbox-layout { align-items: flex-start !important; } .custom-checkbox .mat-checkbox-layout .mat-checkbox-label { line-height: 1; } .custom-checkbox .mat-checkbox-layout .mat-checkbox-inner-container { margin: 0px 8px 0px 0px !important; } .compact-autocomplete.mat-autocomplete-panel { max-height: 112px; padding-top: 8px; } .filter-input .mat-form-field-outline { margin: 0px 8px; } .profile-icon .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; top: -4px; } .mat-icon-text { vertical-align: sub; } .mat-badge.no-badge-text .mat-badge-content { color: transparent; max-width: 4px; max-height: 4px; padding: 5px 5px; top: -4px; right: -6px !important; animation: blinker 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate; } @keyframes blinker { from { opacity: 1; } to { opacity: 0; } } @media screen and (max-width: 599px) { .mat-horizontal-stepper-header-container { display: none !important; } } .company-stepper-header .mat-horizontal-stepper-header-container { width: 80%; margin: auto; } .clickable-error { text-decoration: underline; cursor: pointer; } .scrollable-menu .mat-menu-content { max-height: 320px !important; } .slide-confirm { margin: 0 !important; } .slide-confirm.ngx-slide-confirm-wrapper { height: 40px !important; } .slide-confirm .ngx-slide-confirm-source, .slide-confirm .ngx-slide-confirm-handle, .slide-confirm .ngx-slide-confirm-target { width: 40px !important; height: 40px !important; } .slide-confirm .ngx-slide-hint-text { left: 56% !important; width: 128px; } .mat-table:not(.auto-width) { min-width: 100%; } .dense-table.mat-table tr.mat-header-row { height: 30px; } .dense-table.mat-table tr.mat-footer-row, .dense-table.mat-table tr.mat-row { height: 40px; } .dense-table.mat-table td, .dense-table.mat-table th { padding: 0px 4px !important; white-space: nowrap; } .market-watch-table.mat-table tr.mat-header-row { height: 40px; } .market-watch-table.mat-table tr.mat-footer-row, .market-watch-table.mat-table tr.mat-row { height: 26px; } .mat-sort-header-sorted .mat-sort-header-arrow { opacity: 1 !important; transform: translateY(1%) !important; } mat-form-field.white-back-field { width: calc(100% - 8px); } mat-form-field.white-back-field .mat-form-field-flex { background: white; z-index: 2; } .filter-menu .mat-menu-content { max-height: 200px; } .indicator-menu { min-width: 240px !important; min-height: unset !important; } .indicator-menu .mat-menu-content { max-height: 240px !important; } .affiliate-filter-menu { min-height: unset !important; min-width: unset !important; } .comparator-container .mat-form-field-outline { background: #fafafa; } .dashboard-table { height: 232px; overflow: auto; } .dashboard-table.isFullscreen { height: 100% !important; } .dashboard-table .mat-table { width: 100%; margin-bottom: 56px; } .dashboard-table .mat-table tbody td { border: none; } .dashboard-table .mat-table tbody tr:nth-child(odd) { background-color: #f1f1f1; } .dashboard-table .mat-table tbody tr:hover { background-color: #e4e4e4; } .dashboard-table .mat-table th, .dashboard-table .mat-table td { text-align: center; } .dashboard-table .mat-table th.padding-imp, .dashboard-table .mat-table td.padding-imp { padding-left: 16px !important; text-align: left; } .dashboard-table .mat-table th.max-restricted, .dashboard-table .mat-table td.max-restricted { text-align: left; max-width: 240px; overflow: hidden; text-overflow: ellipsis; } .dashboard-table .footer { bottom: 0; width: calc(100% - 32px); max-width: 100%; height: 36px; position: absolute; background: #fafafa; display: flex; align-items: baseline; justify-content: flex-start; padding: 4px 16px; } .dashboard-table .footer .value { font-size: 1.2rem; margin-right: 8px; font-weight: 600; } .dashboard-table .footer .label { font-size: 0.8rem; margin-right: 16px; } .cdk-overlay-pane { margin-top: 6px !important; } .cdk-overlay-pane:not(.optimize-dialog) { max-width: 100vw !important; } .cdk-overlay-pane.fullscreen .mat-dialog-container { padding: 0; } .strategy-tags-input .mat-chip-remove { position: relative; } .strategy-tags-input .mat-chip-remove mat-icon { left: -5px; position: absolute; top: -5px; } .list-para { font-size: 0.9rem; } .inline-select-box .mat-select-value { font-size: 2rem; text-align: center; } .full-height-tab-group .mat-tab-body-wrapper { height: 100%; } .transparent-form-field, .transparent-form-field-xl { font-size: 0.88rem; } .transparent-form-field .mat-form-field-wrapper, .transparent-form-field-xl .mat-form-field-wrapper { padding: 0; } .transparent-form-field .mat-form-field-flex, .transparent-form-field-xl .mat-form-field-flex { padding: 2px !important; align-items: end; } .transparent-form-field .mat-form-field-flex .mat-form-field-infix, .transparent-form-field-xl .mat-form-field-flex .mat-form-field-infix { margin: 0; padding: 0; border: 0; display: flex; align-self: center; } .transparent-form-field .mat-form-field-prefix, .transparent-form-field-xl .mat-form-field-prefix { margin: 2px 10px; } .transparent-form-field input, .transparent-form-field-xl input { height: 20px; } .transparent-form-field .mat-form-field-underline, .transparent-form-field-xl .mat-form-field-underline { display: none; } .transparent-form-field-xl .mat-form-field-flex { padding: 8px !important; } .dense-mat-tab-group mat-tab-header { height: 36px; } .dense-mat-tab-group mat-tab-header .tab-label { position: absolute; left: 10px; } .dense-mat-tab-group mat-tab-header .alerts-count { position: absolute; right: 10px; } .dense-mat-tab-group mat-tab-header .mat-tab-label { font-size: 0.9rem; padding-bottom: 8px; width: 50%; min-width: unset; } .portfolio-strategy-form-tabs mat-tab-header { border: none; } .alerts-mat-tab-group .mat-ink-bar { width: 400px !important; } .alerts-mat-tab-group .mat-tab-label-active { opacity: 1 !important; } #tv_chart_container iframe { height: 100% !important; } .search-symbol-autocomplete .mat-option-text { font-size: 0.84rem; overflow: unset; white-space: break-spaces; position: relative; height: 100%; flex-grow: unset; line-height: normal; width: 100%; } .search-symbol-autocomplete mat-option { padding: 0 8px; } .search-symbol-autocomplete .add-symbol-hint-text { font-size: 0.55rem; position: absolute; right: 0; bottom: 0; color: #b5b5b5; height: 24px; display: flex; align-items: flex-end; } .chip-custom-form .mat-standard-chip { padding: 6px 8px !important; margin: 0 !important; min-height: 24px !important; } .expansion-row { overflow: hidden; display: flex; } .admin-tab-group { height: 88vh; } .admin-tab-group .mat-tab-body-wrapper { height: calc(100% - 49px); } .centered-card .mat-card-header .mat-card-header-text { margin: auto; } .notification-card { padding: 8px 8px 8px 0 !important; border-width: 1px; } .notification-card .mat-card-header .mat-card-header-text { margin: 0 !important; } .notification-card .mat-card-actions { padding: 0 !important; margin: 0 !important; } .indicator-condition .indicator-type { width: 25%; } .indicator-condition .indicator-text { margin-top: auto; margin-bottom: auto; } .indicator-condition .indicator-image-positive { height: 26px !important; width: 26px !important; } .backtest-symbol-detail-list mat-list-item { height: 36px !important; } .form-header-container { padding: 0 24px 0 24px; height: 48px; } @media screen and (max-width: 599px) { .profile-meta .mat-chip-list-wrapper { justify-content: center; } } .algo-logic-expansion .mat-expansion-panel-body { padding: 8px 0; } .mat-form-field-flex > .mat-form-field-infix { padding: 0.4em 0px; } .mat-form-field-appearance-fill .mat-form-field-flex { border-radius: 4px !important; } .mat-form-field-label-wrapper { top: -1.35em; } .mat-menu-panel.alerts-menu { min-width: 400px; max-height: 500px; } .filter-field { width: 100%; } .filter-field .mat-form-field-wrapper { padding: 16px 0px !important; } .dialog-no-overflow .mat-dialog-container { overflow: unset !important; } .email-communication-container .mat-form-field input { font-size: 14px; } .invisible-tabs .mat-tab-header { display: none; } .invisible-tabs .mat-tab-body-wrapper { margin-top: 0 !important; } .otp-input-custom-container { display: flex; flex-direction: row; flex-wrap: nowrap; } .otp-input-custom-container .otp-input-custom { border: none !important; border-bottom: 1px solid grey !important; border-radius: 0px !important; width: 32px !important; height: 32px !important; } .otp-input-custom-container .otp-input-custom:focus { outline: none; } .multi-broker-otp-input-container .n-o-c { gap: 12px !important; } .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { width: 40px !important; height: 46px !important; border: 1px solid #d3d3d3 !important; } .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus { border-color: #4A90E2 !important; } .totp-dialog-box .mat-dialog-container { border-radius: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .auto-option.mat-option { height: 36px; font-size: 12px; } .filter-input-container .mat-form-field-wrapper { padding: 0; margin: 0; } .filter-input-container .mat-form-field-label-wrapper { top: -0.75em; padding-top: 0.75em; } .filter-input-container .mat-form-field-label-wrapper .mat-form-field-label { line-height: 1.375em; } .checkbox-filter-container .mat-checkbox-layout { display: flex; width: 100%; align-items: center; } .checkbox-filter-container .mat-checkbox-layout .mat-checkbox-inner-container { width: 16px; height: 16px; margin: 0 8px 0 0; } .checkbox-filter-container .mat-checkbox-layout .mat-checkbox-label { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.87); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 0; } .checkbox-filter-container.select-all .mat-checkbox-label { font-weight: 500; } .mat-autocomplete-panel.symbol-autocomplete { margin-top: 12px !important; min-width: 220px !important; border-radius: 4px !important; bottom: 16px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .mat-autocomplete-panel.symbol-autocomplete .mat-option { min-height: 40px !important; line-height: 20px !important; padding: 10px 16px !important; font-size: 14px !important; } .mat-autocomplete-panel.symbol-autocomplete .mat-option.mat-selected, .mat-autocomplete-panel.symbol-autocomplete .mat-option:hover { background: rgba(0, 0, 0, 0.04) !important; } .mat-autocomplete-panel.symbol-autocomplete .mat-option .mat-option-text { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; display: block !important; } .mat-menu-item.menu-operator-item { height: 40px; line-height: 1.6; } .cdk-overlay-pane.operator-mat-dialog-container .mat-dialog-container { border-radius: 20px; padding: 0px !important; } .cdk-overlay-pane.operator-clients-mapping-dialog-container .mat-dialog-container { border-radius: 20px; padding: 0px !important; } .cdk-overlay-pane.operator-clients-mapping-dialog-container .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box .mat-form-field .mat-form-field-wrapper { padding: 0px !important; } .cdk-overlay-pane.operator-clients-mapping-dialog-container .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box .mat-form-field .mat-form-field-wrapper .mat-form-field-flex { height: 40px; } .cdk-overlay-pane.upload-mapping-dialog .mat-dialog-container { border-radius: 20px; padding: 0px !important; } .indicator-label-menu .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix, .indicator-value-menu .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { top: -4px !important; right: 4px !important; } .cdk-overlay-pane:has(.mat-autocomplete-panel.indicator-list) { width: 148px !important; } .cdk-overlay-pane:has(.mat-autocomplete-panel.indicator-list) .overlay-input { padding: 0px 16px !important; height: 48px; font-size: 16px; line-height: 48px; } .ai-tooltip-content { min-width: 200px; } .ai-tooltip-content .tooltip-pnl { margin-top: 12px; justify-content: space-between; } .mpc-panel-container .mat-expansion-panel-header .search-input-field .mat-form-field-wrapper { padding-bottom: 12px !important; } .mpc-panel-container .mat-expansion-panel-header .search-input-field .mat-form-field-wrapper .mat-form-field-flex { background: #fff; } /* Import Your Components Mixins Here */ /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .sidenav-container .sidenav { width: 256px; } .sidenav-container .sidenav .display-flex-column, .sidenav-container .sidenav .center-label, .sidenav-container .sidenav .external-strategy-container form .form-field-row .chip-input-field, .external-strategy-container form .form-field-row .sidenav-container .sidenav .chip-input-field, .sidenav-container .sidenav .market-watch-container .market-watch .table-container .empty-msg, .market-watch-container .market-watch .table-container .sidenav-container .sidenav .empty-msg, .sidenav-container .sidenav .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .sidenav-container .sidenav .mat-chip-list-wrapper, .sidenav-container .sidenav .checkbox-filter-container .checkbox-group, .checkbox-filter-container .sidenav-container .sidenav .checkbox-group, .sidenav-container .sidenav .login-operator-form-container .login-form, .login-operator-form-container .sidenav-container .sidenav .login-form, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .sidenav-container .sidenav .active-algo-tracking-wrapper, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .sidenav-container .sidenav .completed-algo-tracking-wrapper, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .sidenav-container .sidenav .algo-table, .sidenav-container .sidenav .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .sidenav-container .sidenav .algo-table, .sidenav-container .sidenav .auth-wrapper .benefits-container, .auth-wrapper .sidenav-container .sidenav .benefits-container, .sidenav-container .sidenav .auth-wrapper .benefits-container .benefit .benefit-text, .auth-wrapper .benefits-container .benefit .sidenav-container .sidenav .benefit-text, .sidenav-container .sidenav .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .sidenav-container .sidenav .symbols-list-container { height: 100%; overflow: hidden; } .sidenav-container .sidenav mat-nav-list a { height: 42px; } .sidenav-container .sidenav mat-nav-list a.active .mat-list-item-content { padding-left: 8px; } .sidenav-container .sidenav-content { height: calc(100vh - 32px); overflow-x: hidden; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-form-title { padding: 4px 8px; } .strategy-form-title .right-container .select-container .label { white-space: nowrap; font-size: 0.9rem; } .strategy-form-wrapper .execution-styles { width: 260px; } .strategy-form-wrapper .form-wrapper { width: calc(100% - 32px); margin: auto; } @media screen and (max-width: 1100px) { .strategy-form-wrapper .form-wrapper { width: 100%; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .basic-indicator-form .conditions-container { width: calc(100% - 96px); position: relative; bottom: -8px; } .basic-indicator-form .conditions-container .rows .reference-symbol { justify-content: center; align-items: flex-start; flex-grow: 1; min-width: 204px; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field { margin: 0px !important; width: 100%; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field .reference-input { margin-bottom: 10px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol { flex-direction: column; position: relative; justify-content: flex-end; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol .float { font-size: 0.7rem; position: absolute; left: -16px; bottom: 65px; margin-left: 18px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol mat-form-field { transition: all 60ms ease; } .basic-indicator-form .conditions-container .rows .row-condition { position: relative; height: 80px; justify-content: center; margin-bottom: 24px; } .basic-indicator-form .conditions-container .rows .row-condition .bar { position: absolute; top: 0; left: 40px; height: 100%; } .basic-indicator-form .conditions-container .rows .row-condition mat-form-field { width: 250px; height: unset !important; margin: 8px 0; } .basic-indicator-form .conditions-container .rows .row-condition.pro { width: calc(100% - 276px); margin-left: 276px; } .basic-indicator-form .conditions-container .rows .condition-row { position: relative; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line { position: absolute; width: calc(100% - 16px); left: 8px; bottom: 18px; height: 1px; z-index: -1; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line.pro { width: calc(100% - 292px); left: 284px; } .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { height: 100%; } .basic-indicator-form .add-remove-button-container { width: 96px; align-items: flex-end; position: absolute; bottom: 0; right: -96px; } .basic-indicator-form .add-remove-button-container button { margin: 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } @media screen and (max-width: 959px) { .basic-indicator-form .conditions-continer { width: 100%; } .basic-indicator-form .conditions-continer .rows .condition-row mat-form-field { width: 100%; } .basic-indicator-form .add-remove-button-container { width: 100%; } } .app-advance-indicator-form .advance-indicator-form-wrapper { flex-wrap: wrap; align-items: center; } .app-advance-indicator-form .advance-indicator-form-wrapper .added-inputs-display { position: relative; height: 34px; } .app-advance-indicator-form .advance-indicator-form-wrapper .first-form { margin-bottom: 6px; } .app-advance-indicator-form .advance-indicator-form-wrapper .mat-expansion-panel-header { height: 48px; } .app-advance-indicator-form .advance-indicator-form-wrapper .close-icon { position: absolute; height: 16px; width: 16px; border-radius: 16px; line-height: 16px; padding: 2px; top: -4px; right: -8px; font-size: 0.9rem; } .app-advance-indicator-form .advance-indicator-form-wrapper mat-form-field { max-width: 260px; height: 44px; margin-top: 0; } .app-advance-indicator-form .add-remove { margin: 0 4px; justify-content: flex-start !important; } .app-advance-indicator-form .add-remove button { margin: 0 4px 4px 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } .app-advance-indicator-form .add-new-button { font-size: 0.8rem; } .shimmer-container { margin: 8px 0; } .shimmer-container .shine { background-repeat: no-repeat; background-size: 800px 104px; display: inline-block; position: relative; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholderShimmer; animation-timing-function: linear; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeholderShimmer; -webkit-animation-timing-function: linear; } @keyframes placeholderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .shimmer-container .rect { height: 16px; margin: 0px 16px 8px; } .shimmer-container .rect:nth-child(odd) { width: calc(100% - 32px); } .shimmer-container .rect:nth-child(even) { width: calc(100% - 64px); } .shimmer-container .avatar { width: 40px; height: 40px; border-radius: 40px; } .shimmer-container .row { height: 16px; width: 100%; } .shimmer-container .list-item { height: 65px; width: 100%; } .shimmer-container .list-item .first-row, .shimmer-container .list-item .second-row { height: 15%; margin: 8px 16px; } .shimmer-container .list-item .first-row .shine-ls { width: 30%; } .shimmer-container .list-item .second-row .shine-ls { width: 10%; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .login-form-container mat-icon { cursor: pointer; } .login-form-container .credential-container { padding: 0px 24px; } .login-form-container .reset-password-text { line-height: 14px; } .login-form-container .or-container .or-label { top: 0; left: 50%; transform: translate(-50%, -50%); padding: 0px 8px; } .login-form-container .social-logins { width: 100%; gap: 10px; } .login-form-container .social-logins button { width: 100%; height: 44px; } .login-form-container .social-logins button img { height: 30px; padding-bottom: 4px; } .login-form-container .login-button { border-radius: 8px; box-sizing: border-box; } .login-form-container .login-button img { height: 30px; width: 30px; } .login-form-container .featured-borkers { top: -12px; } .login-form-container .utrade-logo { height: 70px; } .login-form-container .utrade-logo-fonts { height: 16px; width: -moz-fit-content; width: fit-content; } .login-form-container .bottom-18 { bottom: 18px; } .login-form-container .image-height { height: 24px; } .login-form-container .image-height-2 { height: 22px; } .login-form-container .height-70 { height: 70%; } .login-form-container .login-vendors { height: 42px; width: 232px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .login-form-container .top-4 { top: 4px; } .login-form-container .bottom-number { bottom: 2px; } .login-form-container .mat-icon-width { width: 20px; } .login-form-container .guest-login-expansion mat-expansion-panel { background: transparent !important; } .login-form-container .guest-container { width: calc(100% - 32px); max-width: 480px; border-radius: 16px; } .login-form-container .guest-container .back-button { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; height: 25px; width: 25px; } .login-form-container .guest-container .turnstile-height { height: 85px; } .login-form-container .display-width { width: 300px; } .login-form-container .footer-container { text-align: center; } .login-form-container .footer-container a { text-decoration: none; } .login-form-container .banner-height { height: 160px; } .login-form-container .banner-text { border-radius: 8px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .depth-widget-wrapper .depth-container .header-section .column-header { font-weight: 600; font-size: 0.64rem; } .depth-widget-wrapper .depth-container .column { font-size: 0.78rem; min-width: 12.5%; } .depth-widget-wrapper .quote-container .section { width: 50%; } .depth-widget-wrapper .quote-container .section .quote-container .value { font-weight: 600; } .ngx-progress-loader-container { height: 100%; } .ngx-progress-loader-container .ngx-progress-loader-bar { position: absolute; top: 0; width: 100%; } .ngx-progress-loader-container .content { height: 100%; } .ngx-progress-loader-container .content .overlay { position: absolute; height: 100%; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .backtest-detail-container { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; height: 100vh; } .portfolio-form-wrapper .portfolio-expansion-header { height: 50px !important; } .portfolio-form-wrapper .mat-expansion-panel-body { padding: 0; } .portfolio-form-wrapper .add-strategy-btn { border-radius: 12px; margin: 32px 0px !important; } .portfolio-form-wrapper .add-strategy-btn .mat-button { padding-right: 0 !important; } .portfolio-form-wrapper .height-auto { height: auto !important; } .mat-icon-autoDeploy { width: 24px !important; } .save-button { border-radius: 16px; } .form-border { border-radius: 12px; } .edit-icon { right: 20px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-form-title { padding: 4px 8px; } .strategy-form-title .right-container .select-container .label { white-space: nowrap; font-size: 0.9rem; } .strategy-form-wrapper .execution-styles { width: 260px; } .strategy-form-wrapper .form-wrapper { width: calc(100% - 32px); margin: auto; } @media screen and (max-width: 1100px) { .strategy-form-wrapper .form-wrapper { width: 100%; } } .strategy-leg-container { border-radius: 12px; background-clip: padding-box; padding: 20px; } .strategy-leg-container .sl-field { padding-top: 6px; } .strategy-leg-container .timeline-point { width: 8px; height: 8px; margin-right: 8px; } .strategy-leg-container .font-500, .strategy-leg-container .market-watch-settings-menu .menu-content, .market-watch-settings-menu .strategy-leg-container .menu-content, .strategy-leg-container .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .market-watch-list .mw-list-item .item-container .mw-watch-row .strategy-leg-container .market-id-label, .strategy-leg-container .new-submit-button { font-weight: 500 !important; } .strategy-leg-container .full-width-leg-component { width: 100% !important; } .strategy-leg-container .error-algo-name { padding-bottom: 2px; } .strategy-leg-container .entry-chips { line-height: 28px; } .strategy-leg-container .chevron-icon { transition: transform 0.3s ease; } .strategy-leg-container .scrip-name-chip { position: relative; bottom: 4px; } .strategy-leg-container .strategyleg-chip { min-height: 24px !important; } .strategy-leg-container .entry-conditions { padding: 10px 0 0 10px; } .strategy-leg-container .wait-to-trade { height: 52px !important; } .strategy-leg-container .leg-count { width: 34px; } .leg-fields { bottom: 28px; } .range-percentage { bottom: 44px; } .copy-leg-icon { height: 20px !important; width: 22px !important; } .oi-based-timer-container { margin-left: 46px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .basic-indicator-form .conditions-container { width: calc(100% - 96px); position: relative; bottom: -8px; } .basic-indicator-form .conditions-container .rows .reference-symbol { justify-content: center; align-items: flex-start; flex-grow: 1; min-width: 204px; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field { margin: 0px !important; width: 100%; } .basic-indicator-form .conditions-container .rows .reference-symbol mat-form-field .reference-input { margin-bottom: 10px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol { flex-direction: column; position: relative; justify-content: flex-end; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol .float { font-size: 0.7rem; position: absolute; left: -16px; bottom: 65px; margin-left: 18px; } .basic-indicator-form .conditions-container .rows .reference-symbol.search-symbol mat-form-field { transition: all 60ms ease; } .basic-indicator-form .conditions-container .rows .row-condition { position: relative; height: 80px; justify-content: center; margin-bottom: 24px; } .basic-indicator-form .conditions-container .rows .row-condition .bar { position: absolute; top: 0; left: 40px; height: 100%; } .basic-indicator-form .conditions-container .rows .row-condition mat-form-field { width: 250px; height: unset !important; margin: 8px 0; } .basic-indicator-form .conditions-container .rows .row-condition.pro { width: calc(100% - 276px); margin-left: 276px; } .basic-indicator-form .conditions-container .rows .condition-row { position: relative; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line { position: absolute; width: calc(100% - 16px); left: 8px; bottom: 18px; height: 1px; z-index: -1; } .basic-indicator-form .conditions-container .rows .condition-row .row-creation-controls .joining-line.pro { width: calc(100% - 292px); left: 284px; } .basic-indicator-form .conditions-container .rows .condition-row mat-form-field { height: 100%; } .basic-indicator-form .add-remove-button-container { width: 96px; align-items: flex-end; position: absolute; bottom: 0; right: -96px; } .basic-indicator-form .add-remove-button-container button { margin: 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } @media screen and (max-width: 959px) { .basic-indicator-form .conditions-continer { width: 100%; } .basic-indicator-form .conditions-continer .rows .condition-row mat-form-field { width: 100%; } .basic-indicator-form .add-remove-button-container { width: 100%; } } .app-advance-indicator-form .advance-indicator-form-wrapper { flex-wrap: wrap; align-items: center; } .app-advance-indicator-form .advance-indicator-form-wrapper .added-inputs-display { position: relative; height: 34px; } .app-advance-indicator-form .advance-indicator-form-wrapper .first-form { margin-bottom: 6px; } .app-advance-indicator-form .advance-indicator-form-wrapper .mat-expansion-panel-header { height: 48px; } .app-advance-indicator-form .advance-indicator-form-wrapper .close-icon { position: absolute; height: 16px; width: 16px; border-radius: 16px; line-height: 16px; padding: 2px; top: -4px; right: -8px; font-size: 0.9rem; } .app-advance-indicator-form .advance-indicator-form-wrapper mat-form-field { max-width: 260px; height: 44px; margin-top: 0; } .app-advance-indicator-form .add-remove { margin: 0 4px; justify-content: flex-start !important; } .app-advance-indicator-form .add-remove button { margin: 0 4px 4px 4px; border: 2px solid; padding: 0 4px; height: 30px; min-width: unset; width: 30px; line-height: 15px; } .app-advance-indicator-form .add-new-button { font-size: 0.8rem; } .strategy-exit-div { border-bottom: none; border-top: none; } .strategy-exit-div .exit-params-form { flex-wrap: wrap; } .strategy-exit-div .exit-params-form .exit-params-form-section { display: flex; position: relative; padding-bottom: 24px; } .strategy-exit-div .sl-field { padding-top: 6px; } .strategy-exit-div .error-algo-name { padding-bottom: 2px; } .strategy-exit-div .update-button { width: 20%; } .strategy-exit-div .mat-button { line-height: 0px !important; } .strategy-exit-div .line-16 .mat-checkbox-label { line-height: 16px !important; } .strategy-exit-div .bottom-4 { bottom: 4px; } .strategy-exit-div .fields-pad { padding: 20px 8px 0 12px; } .strategy-exit-div .collapsed-view { padding: 20px 8px 20px 12px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .external-strategy-container .form-headline { margin-left: 5%; } .external-strategy-container .external-str-form-card { width: 90%; margin: auto; } .external-strategy-container .external-str-form-card .form-field-row { margin: 10px auto; } .external-strategy-container form .form-field-row .chip-input-field { height: initial; } .external-strategy-container form .capital-row { flex-wrap: wrap; } .external-strategy-container form .capital-row mat-form-field { width: 46% !important; } .external-strategy-container form .cash-row { flex-wrap: wrap; } .external-strategy-container form .cash-row mat-form-field { width: 30% !important; } .external-strategy-container .error-algo-name { height: 16px; } .external-strategy-container .confirm-button { display: block; margin-right: 32px; } .mat-dialog-container { overflow: auto !important; } .parameters-container .strategy-name { width: 50%; } .parameters-container .logo img { width: 60px !important; height: 60px !important; } .parameters-container .logo-container { margin-left: 24px; } .parameters-container .logo-container .logo { height: 30px; width: 30px; } .parameters-container .parameters-layout { display: grid; grid-gap: 20px; grid-template-columns: auto auto auto auto; border-radius: 8px; padding: 10px; position: relative; } .parameters-container .parameters-layout .label { font-size: 12px; position: absolute; top: -8px; left: 0; margin-left: 10px; padding: 0px 4px; } .parameters-container .card-buttons button { box-shadow: unset !important; margin-top: 10px; width: 30%; left: 50%; transform: translate(-50%, -30%) !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-card-wrapper { height: 310px; } .strategy-card-wrapper .overview-card { border-radius: 14px; width: 440px; height: 250px; } .strategy-card-wrapper .vert-icon { transform: rotate(90deg); border-radius: 10px; } .strategy-card-wrapper .img-52-sq { height: 52px; width: 52px; } .strategy-card-wrapper .bottom-10 { bottom: 10px; } .strategy-card-wrapper .time-stamp { width: -moz-fit-content; width: fit-content; border-radius: 5px; } .strategy-card-wrapper .subscribe-button { width: 180px; height: 40px; border-radius: 8px; } .strategy-card-wrapper .cards-button { top: 12px; } .strategy-card-wrapper .product-padding { padding: 4px 10px 4px 10px; border-radius: 5px; } .strategy-card-wrapper .margin-2-top { margin-top: 2px; } .strategy-card-wrapper .custom-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; } .strategy-card-wrapper .resume-pause { border-radius: 6px; height: 28px; } .strategy-card-wrapper .mat-icon-10 { height: 10px; width: 10px; } .strategy-card-wrapper .view-details { justify-content: center !important; } .strategy-card-wrapper .lock-position { top: 40%; left: 40%; } .strategy-card-wrapper mat-card { box-shadow: none !important; } .strategy-card-wrapper .win-loss { width: calc(50% - 12px); margin-top: 12px; } .strategy-card-wrapper .win-loss .graph-wl { height: 16px; } .strategy-card-wrapper .win-loss .echart { width: 100%; height: 42px; } .strategy-card-wrapper .info-button { height: 14px; } .strategy-card-wrapper .padding-20-left { padding-left: 20px; } .strategy-card-wrapper .peak-margin-container { height: 70px; } .increase-card-height { height: 270px !important; } .percentage-container { gap: 20px; } .percentage-container .percentage-item { gap: 8px; } .percentage-container .percentage-item .dot { width: 8px; height: 8px; border-radius: 50%; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .algo-name { width: calc(100% - 20px) !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-2 { position: absolute; top: -4px; right: 0 !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-2 .buttons button { width: 24px !important; } .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-2 .buttons mat-icon { position: absolute; top: 0 !important; left: 50% !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .no-data-icon { width: 200px; height: 200px; } .date-time-strip .date-container { box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16); border-radius: 8px; } .bt-expanded-view-container .mat-tab-header { padding: 8px 16px 0; } .bt-expanded-view-container .filter-boxes { width: 90px; } .bt-expanded-view-container .filter-container { padding: 4px; } .bt-expanded-view-container .justify-content { justify-content: flex-end; } .bt-expanded-view-container .action-buttons { border-radius: 8px !important; width: 108px !important; height: 34px !important; font-size: 16px !important; } .bt-expanded-view-container .tick { height: 18px; width: 18px; font-size: 18px; margin-right: 4px; } .bt-expanded-view-container .filters { padding: 0px 12px; } .bt-expanded-view-container .close-button { top: 8px; right: 8px; background-color: rgb(242, 248, 255) !important; z-index: 100; } .bt-expanded-view-container .disclaimer { position: absolute; bottom: 0px; left: 20px; width: calc(100% - 48px); } .hover-menu-styles, .market-watch-wrapper .rows .row .hover-menu { animation: 100ms scale-in ease-in; transition: 150ms cubic-bezier(0, 0, 0.2, 1); position: absolute; display: none; right: 4px; top: 8px; border-bottom: 0; } .hover-menu-styles.home, .market-watch-wrapper .rows .row .home.hover-menu { right: 128px; } .hover-menu-styles .hover-menu-buttons-container .button-wrapper, .market-watch-wrapper .rows .row .hover-menu .hover-menu-buttons-container .button-wrapper { padding: 2px; display: inline-block; } .hover-menu-styles .hover-menu-buttons-container .button-wrapper button, .market-watch-wrapper .rows .row .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 16px; width: 28px; height: 20px; line-height: 1; margin: 0 2px; padding: 0; transition: 300ms all cubic-bezier(0.165, 0.84, 0.44, 1); } .hover-menu-styles .hover-menu-buttons-container .button-wrapper button mat-icon, .market-watch-wrapper .rows .row .hover-menu .hover-menu-buttons-container .button-wrapper button mat-icon { font-size: 1.1rem; padding-top: 2px; } .market-watch-wrapper { height: 100%; } .market-watch-wrapper .heading { height: 20px; } .market-watch-wrapper .heading .market-watch-numbers .market-watch-number { padding: 1px 2px; margin: 0 2px; width: 16px; height: 16px; } .market-watch-wrapper .search-market-watch { height: 32px; } .market-watch-wrapper .rows { height: calc(100% - 32px - 20px - 4px); overflow: auto; } .market-watch-wrapper .rows .row { position: relative; } .market-watch-wrapper .rows .row .small-font { font-size: 0.8rem; } .market-watch-wrapper .rows .row:not(.small-font) { font-size: 0.83rem; } .market-watch-wrapper .rows .row.dragging .hover-menu { display: none; } .market-watch-wrapper .rows .row:hover .hover-menu { display: block !important; } .market-watch-wrapper .rows .row .change { min-width: 48px; } .market-watch-wrapper .rows .empty-text { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60vh; } .market-watch-wrapper .rows .empty-text mat-icon { font-size: 4rem; height: 4rem; width: 4rem; opacity: 0.66; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .gainer-loser-wrapper .header { font-size: 0.8rem; } .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { width: 25%; } .gainer-loser-wrapper .data-container .rows { font-size: 0.78rem; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } @keyframes scale-in { from { transform: scale(0); } to { transform: scale(1); } } .search-field-form { margin-top: -1px; } .search-field-form .search-icon { display: inline-flex; vertical-align: middle; margin-top: 3px; font-size: 19px; margin-bottom: 2px; margin-right: 8px; } .search-field-form span { font-size: 12px; } .search-field-form .search-symbol-field.mat-form-field-appearance-outline .mat-form-field-outline-end { border-radius: 0px !important; } .search-field-form .search-symbol-field.mat-form-field-appearance-outline .mat-form-field-flex { margin-top: -0.4rem; } .search-field-form .search-symbol-field .mat-form-field-outline-start { border-radius: 0px !important; min-width: 12px !important; } .sort-menu .mat-menu-content { width: 190px; } .sort-menu .mat-menu-content .mat-menu-item .width-30 { min-width: 30% !important; } .market-watch-settings-menu { width: 320px !important; max-width: 320px !important; border-radius: 12px !important; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16) !important; } .market-watch-settings-menu .mat-menu-content { padding: 0 !important; } .market-watch-settings-menu .save-button { width: 94px; max-height: 32px; border-radius: 8px; } .market-watch-settings-menu .menu-content .sort-item { height: 24px; align-content: center; } .market-watch-settings-menu .menu-content .width-12 { min-width: 12% !important; } .market-watch-settings-menu .menu-content .sort-by-select { width: 60px; } .market-watch-container .mw-button { padding-left: 0px; padding-right: 0px; } .market-watch-container .tab-group-container { position: relative; } .market-watch-container .tab-group-container.tabs-loading app-shimmer { position: absolute; z-index: 2; width: 100%; } .market-watch-container .tab-group-container.tabs-loading mat-tab-group { visibility: hidden; } .market-watch-container .widget-controllers { padding: 8px 0; } .market-watch-container .dense-tabs { text-transform: capitalize; } .market-watch-container .add { align-self: center; justify-content: center; margin-left: 8px; } .market-watch-container .filter-symbol-field { max-width: 70%; margin: 4px; } .market-watch-container .pagination-group { width: 100%; overflow: auto; } .market-watch-container .pagination-group .mat-button-toggle { border: none; width: 100%; } .market-watch-container .market-container-height { height: calc(100vh - 216px - 32px) !important; } .market-watch-container .market-watch { height: calc(100vh - 174px - 32px); min-height: 348px !important; overflow: auto; } .market-watch-container .market-watch .table-container { overflow-x: hidden; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item { height: auto; padding: 0 !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content { padding: 0 !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row { height: 21px; margin: 2px 0px; padding: 8px !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .meta-list-item { margin-top: 4px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .trend-icon mat-icon { height: 16px; width: 16px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon { top: 2px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu { animation: 50ms scale-in ease-in; transition: 100ms cubic-bezier(0, 0, 0.2, 1); position: absolute; display: none !important; right: 4px; top: 10%; border-bottom: 0; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container { background: transparent; border-radius: 2px; z-index: 0 !important; box-shadow: none !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper { padding: 1px; display: inline-block; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper .first-buttons { color: white; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 16px; width: 34px; height: 26px; font-size: 0.8rem; line-height: 1.5; padding: 0; border-radius: 4px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper .depth_scalper img { width: 12px; height: 12px; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row:hover .hover-menu { display: flex !important; visibility: visible !important; opacity: 1 !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .hovered .hover-menu { display: flex !important; } .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .card-detail .detail .detail-widgets-container { max-height: 432px; overflow: auto; } .market-watch-container .market-watch .table-container .change-indicator-container { display: none; } .market-watch-container .market-watch .table-container .display-none, .market-watch-container .market-watch .table-container .index-watch-dialog-container .dialog-content::-webkit-scrollbar, .index-watch-dialog-container .market-watch-container .market-watch .table-container .dialog-content::-webkit-scrollbar, .market-watch-container .market-watch .table-container mat-form-field mat-error:not(:first-child), mat-form-field .market-watch-container .market-watch .table-container mat-error:not(:first-child) { display: none; } .market-watch-container .market-watch .table-container .empty-msg .no-data-lottie { width: 60%; } .market-watch-container .market-watch .table-container .empty-msg img { opacity: 0.75; } .market-watch-container .market-watch .table-container .empty-msg h4 { opacity: 0.5; } @keyframes expand { from { width: 30vw; box-shadow: 0; } to { width: calc(100vw - 16px); } } .expanded .default-view-layout { animation: expand 260ms ease; position: relative; width: calc(100vw - 16px); z-index: 5; background: transparent; } .expanded .default-view-layout .hover-menu { /* * Style applied for chrome only */ /* TODO: To be done for Microsoft Edge. */ width: 224px !important; z-index: 1; right: 12px !important; } @media { .expanded .default-view-layout .hover-menu.sticky { position: sticky !important; } } .search-symbol-option-container mat-option { cursor: default; } .search-symbol-option-container mat-option .options-container { justify-content: space-between; align-items: center; } .search-symbol-option-container mat-option .options-container .display-height { height: 40px !important; } .search-symbol-option-container mat-option .options-container .scrip-name-container .scrip-name { font-size: 12px !important; } .search-symbol-option-container mat-option .options-container .scrip-name-container mat-icon { display: inline-block; font-size: 0.6rem; } .search-symbol-option-container mat-option .options-container .scrip-name-container .company-name { height: 40px; font-size: 10px; } .search-symbol-option-container mat-option .options-container .market-id { display: inline-block; position: absolute; border-radius: 4px; line-height: 1.6rem; padding: 0 8px; height: 25px; font-size: 12px; right: 4px; } .search-symbol-option-container mat-option .options-container .hover-buttons { display: none; height: 25px; position: absolute; right: 2%; } .search-symbol-option-container mat-option .options-container .hover-buttons button { color: #fff; width: 40px; height: 90%; border-radius: 4px; margin: 0 2px; border: none; font-size: 0.6rem; } .search-symbol-option-container mat-option .options-container .hover-buttons button mat-icon { font-size: 1.2rem; margin: 0; } .search-symbol-option-container mat-option .options-container .hover-buttons button:disabled { cursor: default; } .search-symbol-option-container mat-option .options-container .hover-buttons .btn-add-symbol { padding: 2px !important; } .search-symbol-option-container mat-option .options-container .hover-buttons .order-depth { border: 1px solid; } .search-symbol-option-container mat-option .options-container .hover-buttons .order-depth .chart-icon { padding-top: 2px; } .search-symbol-option-container mat-option:hover .market-id { display: none !important; } .search-symbol-option-container mat-option:hover .hover-buttons { display: flex !important; } .search-symbol-option-container mat-option:hover .scrip-name-container mat-icon { display: none; } .pin-buttons button { min-width: 12px; height: 18px; line-height: 1; padding: 0; margin: 6px 2px; border-radius: 4px; } .angled-icon { height: 10px; } .pin-header mat-icon { margin-right: 6px; width: 20px; } .option-chain-button-icon { padding: 0px 4px !important; } .hover-menu { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; opacity: 0; visibility: hidden; transition: all 0.2s ease; z-index: 999 !important; pointer-events: auto !important; } .hover-menu .hover-menu-buttons-container { display: flex !important; align-items: center !important; background: var(--background-color); border-radius: 4px; padding: 2px; white-space: nowrap; } .hover-menu .hover-menu-buttons-container .button-wrapper button { min-width: 32px; width: 32px; height: 24px; line-height: 24px; padding: 0; border-radius: 2px; } .hover-menu .hover-menu-buttons-container .button-wrapper button.first-buttons { font-weight: 600; font-size: 12px; } .hover-menu .hover-menu-buttons-container .button-wrapper button.last-buttons { color: var(--text-color); } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .ums-form-heading p { margin: 0; } .ums-form { flex-wrap: wrap; } .ums-form .form-field-container.full-width .value mat-form-field, .ums-form .form-field-container.absolute-spinner .value mat-form-field, .ums-form .strategy-form-wrapper .form-field-container.timeline-content .value mat-form-field, .strategy-form-wrapper .ums-form .form-field-container.timeline-content .value mat-form-field, .ums-form .login-form-container .form-field-container.footer-container .value mat-form-field, .login-form-container .ums-form .form-field-container.footer-container .value mat-form-field, .ums-form .form-field-container .form-field-container.value .value mat-form-field, .ums-form .cdk-drag-preview .form-field-container.symbol-card-content .value mat-form-field, .cdk-drag-preview .ums-form .form-field-container.symbol-card-content .value mat-form-field, .ums-form .earnings-report-container .form-field-container.disclaimer .value mat-form-field, .earnings-report-container .ums-form .form-field-container.disclaimer .value mat-form-field, .ums-form .notifications-container .form-field-container.overlay-loader .value mat-form-field, .notifications-container .ums-form .form-field-container.overlay-loader .value mat-form-field, .ums-form .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.form-field-container .value mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box .ums-form mat-form-field.form-field-container .value mat-form-field, .ums-form .login-operator-form-container .login-form mat-form-field.form-field-container .value mat-form-field, .login-operator-form-container .login-form .ums-form mat-form-field.form-field-container .value mat-form-field, .ums-form mat-card .strategy-header .header-section-1 .full-width-card-header .form-field-container.mat-card-header-text .value mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .ums-form .form-field-container.mat-card-header-text .value mat-form-field, .ums-form .form-field-container.notification-sidenav .value mat-form-field, .ums-form .change-password-field mat-form-field.form-field-container .value mat-form-field, .change-password-field .ums-form mat-form-field.form-field-container .value mat-form-field, .ums-form .form-field-container.accent-divider .value mat-form-field, .ums-form .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .form-field-container.symbol-card-content .value mat-form-field, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ums-form .form-field-container.symbol-card-content .value mat-form-field, .ums-form .plans-container .form-field-container.plans-card .value mat-form-field, .plans-container .ums-form .form-field-container.plans-card .value mat-form-field, .ums-form .ut-pro-mat-form-field.full-width .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.full-width .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .ut-pro-mat-form-field.absolute-spinner .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.absolute-spinner .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .form-field-container.mat-form-field-wrapper .value mat-form-field, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .login-form-container .ut-pro-mat-form-field.footer-container .form-field-container.mat-form-field-wrapper .value mat-form-field, .login-form-container .ut-pro-mat-form-field.footer-container .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .form-field-container .ut-pro-mat-form-field.value .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .form-field-container.mat-form-field-wrapper .value mat-form-field, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .earnings-report-container .ut-pro-mat-form-field.disclaimer .form-field-container.mat-form-field-wrapper .value mat-form-field, .earnings-report-container .ut-pro-mat-form-field.disclaimer .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .notifications-container .ut-pro-mat-form-field.overlay-loader .form-field-container.mat-form-field-wrapper .value mat-form-field, .notifications-container .ut-pro-mat-form-field.overlay-loader .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .form-field-container.mat-form-field-wrapper .value mat-form-field, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .form-field-container.mat-form-field-wrapper .value mat-form-field, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .form-field-container.mat-form-field-wrapper .value mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .ut-pro-mat-form-field.notification-sidenav .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.notification-sidenav .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .change-password-field mat-form-field.ut-pro-mat-form-field .form-field-container.mat-form-field-wrapper .value mat-form-field, .change-password-field mat-form-field.ut-pro-mat-form-field .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .ut-pro-mat-form-field.accent-divider .form-field-container.mat-form-field-wrapper .value mat-form-field, .ut-pro-mat-form-field.accent-divider .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .form-field-container.mat-form-field-wrapper .value mat-form-field, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field, .ums-form .plans-container .ut-pro-mat-form-field.plans-card .form-field-container.mat-form-field-wrapper .value mat-form-field, .plans-container .ut-pro-mat-form-field.plans-card .ums-form .form-field-container.mat-form-field-wrapper .value mat-form-field { min-width: 92%; } .ums-form .form-field-container:not(.full-width):not(.absolute-spinner):not(.notification-sidenav):not(.accent-divider) { width: calc(50% - 16px); } .ums-form .form-field-container .label { min-width: 120px; } .ums-form .form-field-container .value mat-form-field { min-width: 80%; } .side-list-container { height: 100%; } .side-list-container .list-section { height: 100%; overflow: hidden; } .side-list-container .list-section > div { height: 100%; } .side-list-container .list-section > div .list-header { height: 80px; } .side-list-container .list-section > div mat-list { height: calc(100% - 80px); overflow-y: scroll; } .side-list-container mat-drawer { width: 340px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .dashboard-wrapper { height: calc(100% - 32px); } .dashboard-wrapper .cards-container .username { font-size: 32px; } .dashboard-wrapper .cards-container .card-div { overflow: hidden; padding: 8px 4px 8px; width: calc(100% - 8px); } .dashboard-wrapper .cards-container .card-div .margin-summary, .dashboard-wrapper .cards-container .card-div .strategy-board { display: block; } .dashboard-wrapper .cards-container .card-div .strategy-board { width: calc(100% - 300px); } .dashboard-wrapper .cards-container .card-div .margin-card { width: 300px; height: 100%; border-radius: 16px; z-index: 999; } .dashboard-wrapper .cards-container .card-div .no-strategy-margin { margin-top: 72px; } .dashboard-wrapper .cards-container .card-div .strategy-card-container { width: calc(75% - 8px); } .dashboard-wrapper .cards-container .card-div .strategy-card-container .strategy-card { border-radius: 16px 16px 0px 16px !important; z-index: 999; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .table-container { overflow: scroll; min-height: calc(100vh - 310px); } .expanded-height { max-height: 340px !important; } .user-book { height: calc(100vh - 140px); } .user-book .active-algos { position: absolute; right: 24px; } .user-book .mat-tab-label.mat-tab-label-active { font-weight: bolder; opacity: 1; } .user-book .mat-header-cell { opacity: 1; } .user-book .open-orders-number { font-weight: 900; font-size: 24px; margin: 0px; } .user-book .books-tab-height { max-height: calc(100vh - 137px); } .user-book .ut-pro-header-card { width: calc(100% - 80px); } .filters .input .transparent-form-field, .filters .input .transparent-form-field-xl { max-width: 100vh; min-width: 400px; } .filters button { position: relative; } .filters button .mat-button-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .books-wrapper { overflow: hidden; } .books-wrapper .stats { text-align: center; justify-content: space-evenly; } .books-wrapper .stats .stat .stat-number { font-weight: 900; font-size: 24px; margin: 0px; } .books-wrapper .positions-container { padding: 24px 0; } .books-wrapper .filters { justify-content: flex-end; } .books-wrapper .filters .input { display: flex; align-items: center; } .books-wrapper .filters .input mat-form-field { width: 35vw; } @media screen and (max-width: 1152px) { .books-wrapper .filters .input mat-form-field { width: 30vw !important; } } .books-wrapper .margin-top-20 { margin-top: 20px !important; } .books-wrapper .more { display: flex; align-items: flex-start; justify-content: center; } .books-wrapper .download button { right: -16px !important; } .books-wrapper .table-container .books-table { width: 100%; } .books-wrapper .table-container .books-table th { padding: 0px 8px; text-align: center; white-space: nowrap; } .books-wrapper .table-container .books-table .mat-sort-header .mat-sort-header-container { justify-content: center; display: flex; } .books-wrapper .table-container .books-table ::ng-deep .mat-sort-header-container { justify-content: center; } .books-wrapper .table-container .books-table td { padding: 0px 8px; text-align: center; white-space: nowrap; } .books-wrapper .books-message { position: absolute; top: 50%; left: 50%; font-size: 20px; transform: translate(-50%, -50%); } th.cdk-drag-preview { justify-items: center !important; } .operator-table-wrapper { overflow: hidden; } .operator-table-wrapper .filters { justify-content: flex-end; } .operator-table-wrapper .filters .input { display: flex; align-items: center; } .operator-table-wrapper .filters .input mat-form-field { width: 20vw; } @media screen and (max-width: 1152px) { .operator-table-wrapper .filters .input mat-form-field { width: 16vw !important; } } .operator-table-wrapper .more { display: flex; align-items: flex-start; justify-content: center; } .operator-table-wrapper .download button { right: -16px !important; } .operator-table-wrapper .table-container .books-table { width: 100%; } .operator-table-wrapper .table-container .books-table th { padding: 0px 8px; text-align: center; white-space: nowrap; } .operator-table-wrapper .table-container .books-table .mat-sort-header .mat-sort-header-container { justify-content: center; display: flex; } .operator-table-wrapper .table-container .books-table ::ng-deep .mat-sort-header-container { justify-content: center; } .operator-table-wrapper .table-container .books-table td { padding: 0px 8px; text-align: center; white-space: nowrap; } .operator-table-wrapper .table-message { position: absolute; top: 50%; left: 50%; font-size: 20px; transform: translate(-50%, -50%); } .operator-table-wrapper .hide { visibility: hidden; } .operator-table-wrapper .operator-table-cell:hover .hide { visibility: visible; } .summary div:not(:last-child) { border-right: 1px solid black; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; } .dropdown-menu > li > a { display: flex; align-items: center; gap: 8px; padding: 3px 20px; clear: both; font-weight: 400; white-space: nowrap; text-decoration: none; } .dropdown-menu > li > a .autocomplete-icon { width: 16px; height: 16px; object-fit: contain; } .my-plan-info-container .feature-section .feature-box .section { margin: 8px 16px; padding-bottom: 8px; font-size: 0.95rem; } .my-plan-info-container .feature-section .feature-box .section.title { font-size: 1.4rem; height: 70px; } .my-plan-info-container .feature-section .feature-box .section.mark-title { flex-direction: column; position: relative; height: 70px; } .my-plan-info-container .feature-section .feature-box .section.mark-title .bookmark { position: absolute; top: -30px; overflow: hidden; z-index: 1; width: 100%; height: 100%; } .my-plan-info-container .feature-section .feature-box .section.mark-title .bookmark mat-icon { width: unset; font-size: 4rem; transform: scaleX(4.5) scaleY(1.5); } .my-plan-info-container .feature-section .feature-box .section.mark-title .info { position: absolute; z-index: 2; height: 100%; top: -16px; } .my-plan-info-container .feature-section .feature-box .section.mark-title .info p { margin: 8px 0; } .option-chain-container .expiry-field { height: 52px !important; } .option-chain-container .submit-button { width: 100px; height: 40px; } .app-logo { width: 200px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .otp-input-container .otp-input:last-child { margin-right: 0 !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } #header-component { height: 54px; width: auto; position: relative; } #header-component.compact-header { height: 7vh; } #header-component .avatar .image { height: 24px; line-height: 24px; width: 24px; } #header-component .avatar mat-icon { height: 26px; width: 26px; } #header-component mat-toolbar { display: inline-flex; height: 50px; } #header-component mat-toolbar .notify-icon { width: 22px; height: 22px; } .user-menu-button mat-icon { line-height: 24px; } .toggle-menu-btn { display: none; } .header-logo { width: 110px !important; padding: 0 16px; } .home-icon { padding: 0 8px; height: 14px; } .tabs-padding { min-width: 0 !important; padding: 0 8px !important; } .tools-padding { padding: 0 0 0 4px !important; } .dynamic-tab { font-size: 12px !important; } @media screen and (max-width: 1330px) { .dynamic-tab { font-size: 11px !important; } } .tool-menu { height: 18px !important; width: 16px !important; right: 4px; } .ai-icon { width: 16px !important; } @media screen and (max-width: 1200px) { #header-component mat-toolbar .nav-links { display: none !important; } #header-component mat-toolbar .toggle-menu-btn { display: block; } } @media screen and (max-width: 1300px) { .tabs-padding { padding: 0 6px !important; } .home-icon { padding: 0 6px; } .tools-padding { padding: 0 10px 0 6px !important; } } @media screen and (max-width: 1024px) { #header-component .header-logo { padding: 0 8px; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .pinned-symbols { box-sizing: border-box; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-radius: 10px; } .pinned-symbols mat-card { padding: 0 16px !important; border-radius: 14px; } .width-value .mat-button-toggle-button { width: auto; } .width-value .mat-button-toggle-label-content { color: inherit; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .cdk-drag-preview { cursor: grabbing !important; padding: 12px 8px; margin: 0; height: auto; } .cdk-drag-preview .symbol-card-content { pointer-events: none; align-items: center; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .strategy-board-container .overview-card { border-radius: 15px; height: 185px; width: calc(100% - 32px); max-width: 300px; } .strategy-board-container .board-card { border-radius: 15px; height: 140px; width: calc(100% - 52px); } .strategy-board-container .product-padding { padding: 4px 10px 4px 10px; border-radius: 5px; height: 10px; width: 54px; right: 10px; min-width: 0; } .strategy-board-container .pending-sqaure-off { width: 104px !important; } .strategy-board-container .board-cards-scroll { overflow-x: scroll; scrollbar-width: none; padding-bottom: 2px; height: 176px; } .strategy-board-container .custom-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; } .strategy-board-container .top-10 { top: 10px; } .strategy-board-container .square-off-button { height: 30px; width: 92px; border-radius: 5px; min-width: 0; } .strategy-board-container .resume-pause { height: 28px; width: 92px; border-radius: 5px; } .strategy-board-container .kebab-menu { transform: rotate(90deg); border-radius: 5px; } .strategy-board-container .height-75 { height: 75%; } .strategy-board-container .margin-12-bottom { margin-bottom: 12px !important; } .strategy-board-container .scroll-buttons { position: absolute; background-color: transparent; top: 104px; left: 304px; width: calc(100% - 284px); } .strategy-board-container .swiper-pagination { bottom: 0 !important; } .strategy-board-container .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; border-radius: 50%; margin: 0 4px; transition: background 0.3s; } .strategy-board-container .swiper-pagination .swiper-pagination-bullet-active { width: 8px; border-radius: 8px; } .strategy-board-container .shimmer-heading { width: 150px; } .strategy-board-container .loading-shimmer { top: 60px; } @media screen and (max-width: 1160px) { .strategy-board-container .no-portfolio-placeholder { display: none; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .st-details-container { margin-top: 60px; } .st-details-container .card-1 { width: 65%; } .st-details-container .card-2 { z-index: 0; width: 25%; } .st-details-container .broker-logo { height: 30px; width: 30px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .festival-offer-img { width: 92px; } .offers-container { width: 236px; } .close-icon { width: 10px; right: 12px; } .uTrade-Intelligence-icon { position: relative; right: 8px; width: 14px; height: 14px; } .plan-feature-alignment { padding: 8px 8px 8px 24px; } .plans-image-container { width: calc(100% - 24px); } .loader-container { margin-bottom: 40px; } .plan-alert-container { height: 42px !important; z-index: 1000; width: 100%; box-sizing: border-box; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .help-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .help-container .help-card { overflow: hidden; height: 160px; max-width: 400px; margin: auto; } .help-container .help-card .help-text { opacity: 0.8; } .help-container .help-card .icon { transform: scale(0.75); } @media screen and (max-width: 988px) { .help-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 708px) { .help-container { grid-template-columns: repeat(1, 1fr); } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .rapid-pay-off-curve { top: 92px !important; left: 68px !important; align-items: center; padding: 0 16px; } .rapid-pay-off-curve .ut-pro-header-card { width: 100%; } .rapid-pay-off-curve .links-nav { line-height: 0; } .rapid-pay-off-curve .mat-display-1 { margin: 0 0 42px 42px; } .rapid-pay-off-curve .mat-tab-header { border: none; } .rapid-pay-off-curve .outer-container .op-card-3 { top: -16px !important; left: -14px !important; } .rapid-pay-off-curve .reset-buttons { position: absolute; top: 0; right: 0; margin-top: 32px; margin-right: 25px; } .rapid-pay-off-curve .order-mode-box { display: inline-block !important; width: 20px; height: 20px; text-align: center; } .links-nav { line-height: 0; } .margin-calculator-form-wrapper .margin-calculator-form { width: 70%; } .margin-calculator-form-wrapper .margin-calculator-form .margin-calculator-form-div { flex-wrap: wrap; } .margin-calculator-form-wrapper .margin-calculator-form .margin-calculator-form-div mat-form-field { margin: 0px 16px 16px 0px; } .margin-calculator-form-wrapper .margin-calculator-form .add-button { width: 200px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .funds-container .margin-column { width: 350px !important; } .funds-container mat-progress-bar { height: 6px; } .funds-container .margin-card { width: 30%; margin: 16px 24px 16px 0px; height: 200px; background-image: url("/assets/images/funds-card.png"); background-repeat: no-repeat; background-size: cover; } .funds-container .strategy-card-container { display: grid; width: 368px; gap: 0px 4px; grid-template-columns: auto auto; } .funds-container .strategy-card-container .strategy-cards { width: 130px; height: 120px; } .funds-container .strategy-card-container .strategy-cards .strategy-cards-title { padding-right: 12px; } .funds-container .funds-transaction-container { width: 65%; } .funds-container .funds-transaction-container .funds-tabs .mat-tab-header { padding: 0px !important; border-radius: 8px; width: 400px !important; margin-bottom: 16px; } .funds-container .funds-transaction-container .funds-tabs .mat-tab-body { width: 100% !important; } .funds-container .funds-transaction-container .funds-tabs .mat-ink-bar { border-radius: 8px; } .funds-container .funds-transaction-container .single-tab-funds .mat-tab-header { width: 200px !important; } .funds-container .funds-transaction-container .strategy-select { top: -8px; right: 180px; } @media screen and (max-width: 1100px) { .funds-container .funds-transaction-container .strategy-select { width: 180px; } } .funds-container .funds-transaction-container .strategy-select .add-withdraw-funds { border-radius: 24px !important; } .funds-container .funds-transaction-container .collateral-options { top: -8px; right: 16px; border-radius: 20px; height: 24px; padding: 4px 16px; } .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { padding-left: 8px; padding-top: 4px; } .funds-container .margin-50 { margin-bottom: 50px; } .funds-container .transaction-details { height: 300px; width: 100%; overflow-y: auto; } .funds-container .line-30 { line-height: 30px !important; } .funds-container .swiper-buttons { top: 0; left: -12px; width: 108%; } .funds-container .blocks-width { width: 120px; } .funds-container .block-width-non-cash { width: 140px; } .funds-container .small-blocks-width { width: 112px; } .funds-container .view-breakdown-btn { border-radius: 8px; padding: 4px 8px; bottom: 2px; } .funds-container .arrow-icon { height: 10px; width: 10px; } .funds-container .info-icon { width: 14px; height: 16px; } .margin-cal-table th, .margin-cal-table td { text-align: center; } .deploy-confirmation-container img { width: 40px; height: 40px; } .deploy-confirmation-container .swastika-logo { width: 100px !important; height: 32px !important; } .deploy-confirmation-container .mastertrust-logo { width: 150px !important; height: 100px !important; } .deploy-confirmation-container .pesb-logo { width: 150px !important; height: 44px !important; } .deploy-confirmation-container .balance-chip { top: -30px; } .deploy-confirmation-container .multi-label { width: calc(100% + 20px) !important; } .deploy-confirmation-container .margin-need-label { width: 95px; } .deploy-confirmation-container .info-icon { transform: scale(0.65); } .width-collapsed { width: 300px !important; } .width-expanded { width: 640px !important; } .multiplier-input { border-radius: 8px 0px 0px 8px; height: 34px; } .multiplier-input:focus, .multiplier-input:active, .multiplier-input:hover { outline: none; } .remove-icon { border-radius: 0px 8px 8px 0px; } .icon-width { width: 32px; height: 36px; } .deploy-dialog-container .deploy-dialog-broker-card mat-radio-button .mat-radio-ripple { display: none !important; } .deploy-dialog-container .deploy-dialog-broker-card mat-radio-button .mat-ripple-element { display: none !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .ai-chat-input { padding: 8px 8px 8px 16px; margin-top: 8px; width: 50vw; } .ai-chat-input .textarea-input { border: none; outline: none; background-color: transparent; resize: none; overflow: auto; white-space: pre-wrap; } .ai-chat-input .floating-actions { gap: 8px; } .ai-chat-input .icon-btn { width: 36px; height: 36px; border-radius: 50% !important; } .margin-summary-container { min-height: 82vh; width: 95vw; } .margin-summary-container mat-card { box-shadow: none !important; } .margin-summary-container .marketting-details-container { width: 370px !important; } .margin-summary-container .overview-card { border-radius: 15px; width: 320px !important; height: 100px !important; white-space: nowrap; transition: transform 0.6s ease-in-out; } .margin-summary-container .deployed-card { height: 36px; } .margin-summary-container .guest-login { border-radius: 15px; width: 212px; height: 185px; } .margin-summary-container .swiper-container { width: 354px !important; } .margin-summary-container .connect-button { width: 100px; height: 32px; border-radius: 8px; } .margin-summary-container .badge-card { background-color: #f2f5f7; width: -moz-fit-content; width: fit-content; border-radius: 5px; } .margin-summary-container .height-20 { height: 20%; } .margin-summary-container .chart-section { height: 100px; } .margin-summary-container .details-container { height: 92px; } .margin-summary-container .margin-10-right { margin-right: 10px; } .margin-summary-container .board-card { border-radius: 15px; height: 154px; width: 272px; padding-top: 4px !important; } .margin-summary-container .undeploy-button, .margin-summary-container .square-off-button { height: 26px; width: 20px; border-radius: 8px; } .margin-summary-container .bottom-10 { bottom: 8px; } .margin-summary-container .margin-chart { height: 160px; bottom: 54px; left: 52px; } .margin-summary-container .pl-button, .margin-summary-container .check-funds { height: 30px; border-radius: 5px; line-height: 32px !important; padding: 0 8px !important; } .margin-summary-container .pl-check-funds-buttons { top: 102px; right: 12px; } .margin-summary-container .margin-32-bottom { margin-bottom: 32px; } .margin-summary-container .summary-buttons { height: 40%; } .shimmer { width: 272px; height: 60px; } .utrade-symbol { height: 40px; } .share-india-logo { height: 24px; } @media screen and (max-width: 899px) { .margin-summary-container get-started-card { display: none; } } .brokers-image { background-size: cover; background-position: center; background-repeat: no-repeat; width: 40%; height: 100px; } .custom-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-top: 2px; } .text-wrap { word-wrap: break-word; overflow-wrap: break-word; white-space: normal; word-break: break-word; } .navigation-buttons { top: 52px; } .box-shadow-none { box-shadow: none !important; } .brokers-connected-card { gap: 12px; } .no-deployed-portfolios-container { width: calc(9vw + 7px) !important; } .no-deployed-portfolios-container .no-deployed-portfolios-card { height: 100px !important; border-radius: 10px; } .loader-container { width: 300px; } .ai-width { width: calc(100vw - 76px); } .card-flip { animation: flip360 0.6s ease-in-out; } @keyframes flip360 { 0% { transform: perspective(1000px) rotateY(0deg); } 50% { transform: perspective(1000px) rotateY(180deg); } 100% { transform: perspective(1000px) rotateY(360deg); } } .card-flip-left { animation: flipLeft 0.6s ease-in-out; } @keyframes flipLeft { 0% { transform: perspective(1000px) rotateY(0deg); } 50% { transform: perspective(1000px) rotateY(-180deg); } 100% { transform: perspective(1000px) rotateY(-360deg); } } .payment-result-container { padding: 0px 50px; } .payment-result-container .avatar-payment-result { margin: 0px auto; } .payment-result-container .avatar-payment-result img { height: 80px; } .payment-result-container .alert-img { margin: 0px auto; } .payment-result-container .alert-img img { height: 85px; } .payment-result-container .check-icon { scale: 1.5; } .payment-result-container .action-btn { width: 200px !important; } .payment-result-container .action-btn-failed { width: 160px !important; } .payment-result-container .spinner { scale: 0.75; } .payment-result-container .dash { height: 0; } .payment-result-container .close-button { top: 0px; right: 0px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .risk-button { padding-top: 65px; padding-left: 380px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .earnings-report-container .earnings-filter-form { gap: 8px; } .earnings-report-container .earnings-filter-form .custom-form-field { flex: 1; } .earnings-report-container .disclaimer { padding: 0px 12px; } .earnings-report-container .chart-container { height: 45vh !important; } .earnings-report-container .calculate-now-btn { width: 96px; height: 28px; } .earnings-report-container .calculate-now-btn .btn-text { font-size: 11px; } .header-background-image { height: 50px; } .notification-height-adjust { height: calc(100vh - 82px) !important; } #app-component #app-body { height: calc(100vh - 32px); overflow-y: auto; overflow-x: hidden; scrollbar-color: #b9b1b1 #f1f1f1; scrollbar-width: thin; } #app-component .footer { padding: 4px 70px; height: 24px; gap: 8px; } #app-component .footer mat-icon { height: 18px !important; width: 18px !important; } @media screen and (max-width: 600px) { #app-component .footer { justify-content: space-between; display: flex !important; align-items: start; padding: 0 !important; } #app-component .footer .align-in-col { flex-direction: column; } } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .notifications-container .menu-icons { justify-content: end; } .notifications-container .notifications-tab .content { width: 85%; } .mat-tab-label { min-width: 120px !important; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .indicator-form { max-width: 86vw; overflow-y: auto; } .indicator-form .tech-indicators-grid { align-items: center; } .indicator-form .tech-indicators-grid .techind-cards { display: flex; } .indicator-form .tech-indicators-grid .techind-cards mat-card { width: 400px; } .indicator-form .tech-indicators-grid .techind-cards .fields-width { width: 162px; } .indicator-form .tech-indicators-grid .techind-cards .comparator-field { width: 68px; } .indicator-form .tech-indicators-grid .techind-cards mat-form-field { display: inline-block !important; height: 44px !important; } .indicator-form .tech-indicators-grid .comparator-condition { width: 70px; } .indicator-form .tech-indicators-grid .hr-line { width: 30px; } .indicator-form .tech-indicators-grid .add-icon { transform: scale(1.4); } .overlay-input { padding: 12px; } .mat-menu, .mat-menu-form { bottom: 24px; } .candle-div { bottom: -8px; left: 14%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .candle-div-b { bottom: -8px; left: 76%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .text-truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .edit-close-container { top: -12px; right: -4px; height: 24px; gap: 2px; } .edit-option-icon { border: 1px solid; border-radius: 50%; height: 10px; width: 10px; padding: 4px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .indicator-form { max-width: 86vw; overflow-y: auto; } .indicator-form .tech-indicators-grid { align-items: center; } .indicator-form .tech-indicators-grid .techind-cards { display: flex; } .indicator-form .tech-indicators-grid .techind-cards mat-card { width: 400px; } .indicator-form .tech-indicators-grid .techind-cards .fields-width { width: 162px; } .indicator-form .tech-indicators-grid .techind-cards .comparator-field { width: 68px; } .indicator-form .tech-indicators-grid .techind-cards mat-form-field { display: inline-block !important; height: 44px !important; } .indicator-form .tech-indicators-grid .comparator-condition { width: 70px; } .indicator-form .tech-indicators-grid .hr-line { width: 30px; } .indicator-form .tech-indicators-grid .add-icon { transform: scale(1.4); } .overlay-input { padding: 12px; } .mat-menu, .mat-menu-form { bottom: 24px; } .candle-div { bottom: -8px; left: 14%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .candle-div-b { bottom: -8px; left: 76%; padding: 0 12px; border-radius: 6px; font-size: 12px !important; } .text-truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .edit-close-container { top: -12px; right: -4px; height: 24px; gap: 2px; } .edit-option-icon { border: 1px solid; border-radius: 50%; height: 10px; width: 10px; padding: 4px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .user-management .action-button-container { font-size: 0.9rem; } .user-management ::placeholder { font-size: 0.74rem; } .user-management mat-list .user-item .name .user-id { font-size: 1rem; } .user-management mat-list .user-item .name .user-id mat-icon { margin-left: 8px; } .user-management mat-list .user-item .name .full-name { font-size: 0.74rem; } .user-management mat-list .user-item .plan { padding: 0 4px; min-width: 64px; height: 28px; line-height: 28px; background: antiquewhite; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .table-header-filter { margin-left: 2px; } .table-header-filter .filter-icon mat-icon { width: 14px; height: 14px; opacity: 0.7; transition: all 0.2s ease; } .table-header-filter .filter-icon mat-icon:hover { opacity: 1; } .table-header-filter .filter-icon mat-icon.active { opacity: 1; } .filter-input-container { box-sizing: border-box; } .filter-input-container .mat-form-field { width: 220px; } .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { min-height: 36px; } .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix { border-top: 0; width: auto; } .filter-input-container .mat-form-field.mat-form-field-appearance-outline input.mat-input-element { margin-top: 0; line-height: 32px; height: 32px; } .symbol-filter .mat-chip-list { display: block; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper { min-height: 36px; gap: 4px; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container { flex-wrap: wrap; gap: 4px; min-height: 0; padding: 4px 0; margin: 8px 0px 4px; display: none; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container:not(:empty) { display: flex; margin-bottom: 4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container { height: 36px; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip { height: 24px; border-radius: 10px !important; margin-top: 6px !important; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { width: 14px; height: 14px; opacity: 0.7; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon:hover { opacity: 1; } .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { height: 36px; line-height: 36px; width: 100%; } .checkbox-filter-container { min-width: 160px; } .checkbox-filter-container .checkbox-group { gap: 4px; } .checkbox-filter-container .checkbox-group .checkbox-option { display: block; } .table-filter-menu.checkbox-menu { min-width: 140px; max-width: 180px; } .table-filter-menu.checkbox-menu .mat-menu-content { overflow: hidden; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .operator-confirmation-dialog-container { flex-direction: column; text-align: center; } .operator-confirmation-dialog-container .operator-confirmation-dialog-header { padding: 16px; padding-bottom: 12px; width: calc(100% - 32px); } .operator-confirmation-dialog-container .operator-confirmation-dialog-header h2 { font-weight: 700; margin: 0; flex-grow: 1; } .operator-confirmation-dialog-container .operator-confirmation-dialog-body { padding: 16px; margin-top: 16px; width: calc(100% - 32px); white-space: pre-line; } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions { width: calc(100% - 32px); } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions button { width: 100%; border-radius: 12px; } .operator-confirmation-dialog-container .operator-confirmation-dialog-actions .primary-button { font-weight: 600; margin-bottom: 8px; } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .operator-clients-mapping-dialog { width: 90%; margin: 0px auto; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__header { padding: 12px 8px 16px; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { width: 90%; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field input { position: relative; bottom: 6px; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field mat-icon { position: relative; bottom: 4px; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list { max-height: 200px; overflow-y: auto; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list mat-selection-list { height: 100%; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { flex-direction: column; align-items: flex-start; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__footer { width: 90%; margin: 0px auto; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__footer .mapped-count { text-align: start; } .operator-clients-mapping-dialog .operator-clients-mapping-dialog__footer .upload-clients { text-align: end; } .upload-mapping-dialog-container .upload-mapping-dialog-header { padding: 12px 20px; align-items: center; } .upload-mapping-dialog-container .upload-mapping-dialog-body { width: 90%; margin: 12px auto; max-height: 240px; overflow-y: auto; } .upload-mapping-dialog-container .upload-mapping-dialog-body .mat-table { border-collapse: collapse; } .upload-mapping-dialog-container .upload-mapping-dialog-body .mat-header-cell { text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); } .upload-mapping-dialog-container .upload-mapping-dialog-body .mat-cell { text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); } .upload-mapping-dialog-container .upload-mapping-dialog-footer { width: 90%; margin: 12px auto; align-items: center; } .upload-mapping-dialog-container .upload-mapping-dialog-footer mat-icon { transform: scale(0.8); } /* CSS Utilities ##| Css classes for Common Tasks */ .text-center, .depth-widget-wrapper .depth-container .column, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col, .market-watch-container .market-watch .table-container .empty-msg, .funds-container .transaction-details .transaction-detail-table th, .funds-container .transaction-details .transaction-detail-table td, .login-operator-form-container h2, .centered-card .mat-card-header, .centered-card .mat-card-actions, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .plans-container .plans-card .plans-card-header, .ut-pro-indicator-condition-string .condition-string .condition-badge { text-align: center !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .vertical-middle { vertical-align: middle; } .vertical-sub { vertical-align: sub; } .flex-basis-half { flex-basis: 50%; } .flex-shrink, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .text-left { text-align: left !important; } .text-right, .market-watch-list .mw-list-item .item-container .mw-watch-row .change-price-container, .market-watch-list .mw-list-item .item-container .mw-watch-row .ltp-price, .ticker-ltp, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .symbol-price { text-align: right !important; } .align-end { align-items: end; } .align-start { align-items: start; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-italics { font-style: italic; } .text-justify { text-align: justify; } .header-round { border-radius: 4px 4px 0 0; } .header-height { height: 36px; } .height-52 { height: 52px !important; } .height-auto { height: auto !important; } .no-padding, .search-symbol-option-container mat-option .options-container .hover-buttons button, .earnings-report-container .disclaimer button, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .table-filter-menu.search-menu .mat-menu-content, .table-filter-menu.checkbox-menu .mat-menu-content, .indicator-menu, .affiliate-filter-menu .mat-menu-content, .market-watch-list, .dense-menu .mat-menu-content { padding: 0 !important; } .padding, .container, .FailoverWarning-dialog .mat-dialog-container, .profile-panel .mat-dialog-container, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .custom-snackbar { padding: 16px; } .padding-left, .padding-hr, .market-watch-settings-menu .menu-content, .search-symbol-option-container mat-option, .padding-dialog-hr .mat-dialog-container, .plans-container .plans-card-static .plans-content-container, .custom-snackbar { padding-left: 16px !important; } .padding-right, .padding-hr, .market-watch-settings-menu .menu-content, .padding-dialog-hr .mat-dialog-container, .toast-info:before { padding-right: 16px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-top, .padding-vr, .plans-container .plans-card-static .plans-content-container, .ut-pro-header-card.padding-sm-top { padding-top: 16px !important; } .padding-bottom, .padding-vr, .bottom-divider, .plans-container .plans-card-static .plans-content-container { padding-bottom: 16px !important; } .padding-12-hr, .filter-input-container { padding: 0 12px; } .padding-12-vr { padding: 12px 0; } .margin-left-24 { margin-left: 24px; } .no-pad-bottom { padding-bottom: 0px !important; } .pad-8, .market-watch-settings-menu .header-row, .checkbox-filter-container, .indicator-condition .indicator-type, .indicator-condition .indicator-text, .suggestions-container .prompt-card, .rounded-mat-tabs .mat-tab-header, .tooltip-info, .tooltip-container { padding: 8px !important; } .pad-12 { padding: 12px !important; } .pad-6 { padding: 6px !important; } .pad-4, .checkbox-filter-container .checkbox-group .checkbox-option { padding: 4px !important; } .pad-4-left, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-left: 4px !important; } .pad-4-right, .pad-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element { padding-right: 4px !important; } .pad-4-vr { padding-top: 4px !important; padding-bottom: 4px !important; } .pad-8-right, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .search-symbol-option-container mat-option, .ums-form .form-field-container, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-right: 8px !important; } .pad-8-left, .pad-8-hr, .depth-widget-wrapper .quote-container .section .quote-container, .ums-form .form-field-container, th.cdk-drag-preview, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .change-password-field .label { padding-left: 8px !important; } .pad-8-bottom, .pad-8-vr, .ums-form-heading, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { padding-bottom: 8px !important; } .pad-4-bottom { padding-bottom: 4px !important; } .pad-8-top, .pad-8-vr, .ums-form-heading { padding-top: 8px !important; } .pad-16-left, .pad-16-hr { padding-left: 16px !important; } .pad-16-right, .pad-16-hr { padding-right: 16px !important; } .pad-32-left { padding-left: 32px !important; } .pad-24-left { padding-left: 24px !important; } .pad-12-right, .pad-12-hr { padding-right: 12px !important; } .pad-12-left, .pad-12-hr { padding-left: 12px !important; } .pad-12-bottom, .pad-12-vr { padding-bottom: 12px !important; } .pad-12-top, .pad-12-vr { padding-top: 12px !important; } .pad-24, .index-watch-dialog-container .tutorial-overlay .tutorial-content { padding: 24px; } .pad-32 { padding: 32px; } .padding-64-bottom { padding-bottom: 64px; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0 !important; } .margin, .custom-snackbar, .ut-pro-indicator-condition-string .condition-string .condition-badge:not(.margin-sm) { margin: 16px !important; } .margin-left, .margin-hr, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text { margin-left: 16px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-right, .margin-hr, .data-value-label-container .label, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-right: 16px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-24-right { margin-right: 24px !important; } .margin-32-right { margin-right: 32px !important; } .margin-top, .margin-vr, .accent-divider { margin-top: 16px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-32, .external-strategy-container form .form-field-row .chip-input-field { margin-top: 32px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card:last-child, .dense-menu .mat-menu-item { margin-bottom: 0 !important; } .img-32-sq { height: 32px !important; width: 32px !important; } .img-36-sq { height: 36px !important; width: 36px !important; } .img-48-sq { height: 48px !important; width: 48px !important; } .img-64-sq { height: 64px !important; width: 64px !important; } .img-18-sq { height: 18px !important; width: 18px !important; } .img-14-sq { height: 14px !important; width: 14px !important; } .img-16-sq { height: 16px !important; width: 16px !important; } .img-10-sq { height: 10px !important; width: 10px !important; } .img-16-20-rect { height: 16px !important; width: 20px !important; } .img-22-sq { height: 22px !important; width: 22px !important; } .img-28-sq { height: 28px !important; width: 28px !important; } .margin-bottom, .margin-vr, .portfolio-form-wrapper > *, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .disclaimer button, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-heading { margin-bottom: 16px !important; } .height-fit-content { height: -moz-fit-content; height: fit-content; } .margin-bot, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body { margin-bottom: 24px; } .margin-48-left { margin-left: 48px !important; } .pad-24-bottom { padding-bottom: 24px; } .pad-32-bottom, .dashboard-wrapper .marketplace-cards-container:last-child { padding-bottom: 32px; } .pad-32-top { padding-top: 32px; } .pad-4-top { padding-top: 4px !important; } .pad-32-vr { padding-top: 32px; padding-bottom: 32px; } .pad-32-hr { padding-left: 32px; padding-right: 32px; } .margin-32-top { margin-top: 32px !important; } .margin-32-bot { margin-bottom: 32px !important; } .margin-32-vr { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-8, .market-watch-container .filter-symbol-field { margin: 8px !important; } .margin-8-left, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text { margin-left: 8px !important; } .margin-8-right, .margin-8-hr, .basic-indicator-form .conditions-container .rows .reference-symbol, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .hover-menu .hover-menu-buttons-container .button-wrapper, .mat-dialog-container button.close-icon-btn { margin-right: 8px !important; } .margin-8-top, .margin-8-vr, .ums-form .form-field-container, .ai-chat-input .floating-actions, .mat-dialog-container button.close-icon-btn, .basic-form-field, .search-field, .indicator-condition, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-top: 8px !important; } .margin-8-bottom, .margin-8-vr, .depth-widget-wrapper .depth-container .header-section, .ums-form-heading, .ums-form .form-field-container, .indicator-condition, .market-watch-settings-menu .radio-group .mat-radio-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .mw-settings-checkbox, .ut-pro-indicator-condition-string .condition-string, .ut-pro-indicator-condition-string .condition-string .condition-badge.margin-sm { margin-bottom: 8px !important; } .margin-16-bottom { margin-bottom: 16px !important; } .margin-16-vr, .index-watch-dialog-container .tutorial-overlay .tutorial-content .tutorial-gif { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-10-top { margin-top: 10px !important; } .margin-top-bottom { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-24-top, .margin-24-vr { margin-top: 24px !important; } .margin-24-bottom, .margin-24-vr, .multi-broker-login-container .guest-login-form .phone-input-container { margin-bottom: 24px !important; } .margin-24-left { margin-left: 24px; } .margin-32-left { margin-left: 32px; } .margin-32-bottom { margin-bottom: 32px; } .margin-64-bottom { margin-bottom: 64px; } .margin-4 { margin: 4px !important; } .margin-4-left, .margin-4-hr, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { margin-left: 4px !important; } .margin-4-right, .margin-4-hr, .plans-container .icon { margin-right: 4px !important; } .margin-4-top, .margin-4-vr, .earnings-report-container .calculate-now-btn, .tooltip-link { margin-top: 4px !important; } .margin-4-bottom, .margin-4-vr, .checkbox-filter-container .checkbox-group .checkbox-option.select-all { margin-bottom: 4px !important; } .margin-auto { margin: auto !important; } .margin-auto-left { margin-left: auto !important; } .margin-auto-hr { margin-left: auto !important; margin-right: auto !important; } .margin-auto-vr { margin-top: auto !important; margin-bottom: auto !important; } .no-margin, .no-margin-form-field, .no-margin-form-field .mat-form-field-wrapper, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field, .basic-indicator-form .conditions-container .rows .condition-row mat-form-field .mat-form-field-wrapper, .backtest-strategy-card-wrapper .mat-card .backtest-card-header .header-section-1 mat-card-header .mat-card-header-text, .option-chain-button-icon .mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .symbol-filter .mat-chip-list .mat-chip-list-wrapper input.mat-input-element, .checkbox-filter-container .checkbox-group .checkbox-option, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-outer-spin-button, .multi-broker-login-container .guest-login-form .phone-input-wrapper .phone-input::-webkit-inner-spin-button { margin: 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .outline-none, .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box:focus, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { outline: none !important; } .cursor-pointer, .search-symbol-option-container mat-option .options-container .hover-buttons button, .broker-selection-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-header .close-button, .new-submit-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .cursor-pointer-outline { cursor: pointer; } .cursor-not-allowed, .disabled-box { cursor: not-allowed; } .cursor-default, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card { cursor: default; } .cursor-grab, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .drag-handle { cursor: grab; } .height-36 { height: 36px !important; } .height-34 { height: 34px !important; } .full-viewport-height { height: 100vh; } .height-64 { height: 64px !important; } .fill-height, .absolute-spinner, .bt-expanded-view-container, .market-watch-container .market-watch .table-container, .market-watch-container .market-watch .table-container .empty-msg, .notifications-container .overlay-loader, .full-height-tab-group, .ai-portfolio-tabs .mat-tab-body-wrapper { height: 100% !important; } .inherit-height { height: inherit !important; } .display-inline { display: inline !important; } .display-inline-block, .mode-chip, .ticker-ltp { display: inline-block !important; } .display-block { display: block !important; } .display-none, .index-watch-dialog-container .dialog-content::-webkit-scrollbar, mat-form-field mat-error:not(:first-child) { display: none !important; } .display-flex, .flex-centered-container-vr, .flex-centered-container-hr, .flex-centered-container-hr-column, .flex-centered-container, .flex-centered-container-column, .flex-space-between, .flex-centered-vr-space-between-container, .flex-space-around, .flex-centered-vr-space-around-container, .flex-space-evenly, .display-flex-column, .center-label, .flex-space-end, .display-flex-column-rev, .absolute-spinner, .responsive-flex, .responsive-flex-space-between, .basic-indicator-form .add-remove-button-container button, .depth-widget-wrapper .quote-container .section .quote-container, .external-strategy-container form .form-field-row .chip-input-field, .bt-expanded-view-container .disclaimer, .market-watch-container .market-watch .table-container .empty-msg, .search-symbol-option-container mat-option .options-container, .ums-form, .ums-form .form-field-container, th.cdk-drag-preview, .cdk-drag-preview, .cdk-drag-preview .symbol-card-content, .ai-chat-input .floating-actions, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .selected-symbols-container, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .checkbox-filter-container .checkbox-group, .operator-confirmation-dialog-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data, .login-operator-form-container .login-form, .centered-mat-button-toggle .mat-button-toggle, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .change-password-field, .affiliate-filter-menu, .affiliate-filter-menu .mat-menu-content, .search-symbol-autocomplete .mat-option-text, .indicator-condition, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-header .close-button, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card, .navigate-icon, .suggestions-container, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .plans-container .plans-card-dynamic, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked, .ut-mat-button-toggle-new .mat-button-toggle-group { display: flex !important; } .display-contents { display: contents !important; } .flex-centered-container-vr, .ums-form .form-field-container, .cdk-drag-preview, .ai-chat-input .floating-actions, .user-management mat-list .user-item .name .user-id, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .input-container, .search-symbol-autocomplete .mat-option-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details, .ut-pro-indicator-condition-string .condition-string, .ut-mat-button-toggle-new .mat-button-toggle-group { align-items: center; } .flex-centered-vr-space-between-container, .operator-confirmation-dialog-container { align-items: center; } .flex-centered-vr-space-around-container { align-items: center; } .flex-centered-container-hr, .affiliate-filter-menu .mat-menu-content, .multi-broker-login-container .broker-login-container .broker-grid .broker-card, .broker-selection-dialog-container .dialog-content .broker-grid-container .broker-grid .broker-card { justify-content: center; } .flex-centered-container-hr-column { flex-direction: column; justify-content: center; } .flex-centered-container, .flex-centered-container-column, .absolute-spinner, .basic-indicator-form .add-remove-button-container button, .market-watch-container .market-watch .table-container .empty-msg, .earnings-report-container .calculate-now-btn, .notifications-container .overlay-loader, .edit-close-container, .operator-confirmation-dialog-container .operator-confirmation-dialog-header, .centered-mat-button-toggle .mat-button-toggle, .change-password-field, .affiliate-filter-menu, .indicator-condition .indicator-type, .multi-broker-otp-input-container .n-o-c, .close-icon, .broker-selection-dialog-container .dialog-header .close-button, .navigate-icon, .suggestions-container, .index-watch-dialog-container .dialog-header .close-button, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content, .ut-mat-button-toggle-new .mat-button-toggle, .ut-mat-button-toggle-new .mat-button-toggle-button, .ut-mat-button-toggle-new .mat-button-toggle-checked { justify-content: center; align-items: center; } .flex-centered-container-column, .plans-container .new-plan-card .plans-content-container .plans-card-content .new-plan-card-content { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .gap-8-px, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details { gap: 8px; } .gap-16-px, .auth-wrapper .benefits-container .benefit { gap: 16px; } .gap-24-px { gap: 24px; } .gap-32-px, .auth-wrapper .benefits-container { gap: 32px; } .gap-4-px { gap: 4px; } .justify-space-between { justify-content: space-between !important; } .justify-center { justify-content: center !important; } .flex-inline-centered-container { display: inline-flex; justify-content: center; align-items: center; } .flex-space-between, .flex-centered-vr-space-between-container, .responsive-flex-space-between, .depth-widget-wrapper .quote-container .section .quote-container, .bt-expanded-view-container .disclaimer, .operator-confirmation-dialog-container, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .clients-list .client-data { justify-content: space-between; } .flex-space-around, .flex-centered-vr-space-around-container { justify-content: space-around; } .flex-space-evenly { justify-content: space-evenly; } .center-label { justify-content: center; align-content: center; } .flex-start, .auth-wrapper .benefits-container .benefit { align-items: flex-start; } .display-flex-column, .center-label, .external-strategy-container form .form-field-row .chip-input-field, .market-watch-container .market-watch .table-container .empty-msg, .symbol-filter .mat-chip-list .mat-chip-list-wrapper, .checkbox-filter-container .checkbox-group, .login-operator-form-container .login-form, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .auth-wrapper .benefits-container, .auth-wrapper .benefits-container .benefit .benefit-text, .index-watch-dialog-container .dialog-content .symbols-list-container { flex-direction: column; } .display-flex-column-rev { flex-direction: column-reverse; } .no-padding-form-field .mat-form-field-wrapper { padding: 0 !important; } .justify-content-end, .flex-space-end { justify-content: end; } .align-items-center, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .main-list-heading, .table-header-filter, .filter-input-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex { align-items: center !important; } .spacer, .books-wrapper .stats, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table, .algo-trading-tabs .mat-tab-body-content .active-algo-tracking-wrapper .algo-table .table-container, .algo-trading-tabs .mat-tab-body-content .completed-algo-tracking-wrapper .algo-table .table-container, .full-width-mat-tab .mat-tab-label, .admin-tab-group .mat-tab-label, .ut-pro-mat-form-field-blue, .ut-pro-mat-form-field.label-field .mat-form-field-wrapper { flex-grow: 1; } .line-24 { line-height: 24px !important; } .trasnform-centered-vr { margin-left: 50% !important; transform: translateX(-50%); } .w-fit { width: -moz-fit-content; width: fit-content; } .width-auto { width: auto !important; } .full-width, .absolute-spinner, .strategy-form-wrapper .timeline-content, .login-form-container .footer-container, .ums-form .form-field-container .value, .cdk-drag-preview .symbol-card-content, .earnings-report-container .disclaimer, .notifications-container .overlay-loader, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field, .login-operator-form-container .login-form mat-form-field, mat-card .strategy-header .header-section-1 .full-width-card-header .mat-card-header-text, .notification-sidenav, .change-password-field mat-form-field, .accent-divider, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content, .plans-container .plans-card, .ut-pro-mat-form-field.full-width .mat-form-field-wrapper, .ut-pro-mat-form-field.absolute-spinner .mat-form-field-wrapper, .strategy-form-wrapper .ut-pro-mat-form-field.timeline-content .mat-form-field-wrapper, .login-form-container .ut-pro-mat-form-field.footer-container .mat-form-field-wrapper, .ums-form .form-field-container .ut-pro-mat-form-field.value .mat-form-field-wrapper, .cdk-drag-preview .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .earnings-report-container .ut-pro-mat-form-field.disclaimer .mat-form-field-wrapper, .notifications-container .ut-pro-mat-form-field.overlay-loader .mat-form-field-wrapper, .operator-clients-mapping-dialog .operator-clients-mapping-dialog__body .search-box mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .login-operator-form-container .login-form mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, mat-card .strategy-header .header-section-1 .full-width-card-header .ut-pro-mat-form-field.mat-card-header-text .mat-form-field-wrapper, .ut-pro-mat-form-field.notification-sidenav .mat-form-field-wrapper, .change-password-field mat-form-field.ut-pro-mat-form-field .mat-form-field-wrapper, .ut-pro-mat-form-field.accent-divider .mat-form-field-wrapper, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .ut-pro-mat-form-field.symbol-card-content .mat-form-field-wrapper, .plans-container .ut-pro-mat-form-field.plans-card .mat-form-field-wrapper { width: 100% !important; } .half-width { width: 50% !important; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40%; } .width-70 { width: 70%; } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-80, .plans-container .plans-card-dynamic { width: 80% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .transform-small { transform: scale(0.7); } .transform-big { transform: scale(1.4); } .max-width-100 { max-width: 100px !important; } .tooltip-width-600 { max-width: 600px !important; } .data-min-width { min-width: 84px; } .min-width-40 { min-width: 40px; } .width-max-content { width: max-content; } .max-length-input { max-width: 250px; } @media screen and (max-width: 1152px) { .max-length-input { max-width: 200px; } } @media screen and (max-width: 1024px) { .max-length-input { max-width: 150px; } } .no-scrollbar { scrollbar-width: none; } .border-radius-8, .backtest-strategy-card-wrapper .mat-card, .cdk-drag-preview, .notification-card, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .suggestions-container .prompt-card, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card, .new-submit-button, .tooltip-info, .tooltip-container { border-radius: 8px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .border-radius-diagonal-8 { border-radius: 8px 0px !important; } .border-radius-16, .ut-pro-dialog-box-custom-header .mat-dialog-container, .profile-panel .mat-dialog-container, .profile-menu .mat-dialog-container, .email-communicaion-dialog .mat-dialog-container, .change-percent-negative-box, .change-percent-positive-box, .totp-tooltip { border-radius: 16px !important; } .border-radius-24 { border-radius: 24px !important; } .border-radius-full, .index-watch-dialog-container .dialog-header .close-button { border-radius: 100% !important; } .round-edges, .plans-container .plans-card-static .plans-card-header { border-radius: 20px !important; } .round-edges-top { border-radius: 20px 20px 0px 0px !important; } .round-edges-bottom { border-radius: 0px 0px 20px 20px !important; } .round-edges-right, .plans-container .plans-card-dynamic .plans-card:last-child .plans-main .plans-content-container { border-radius: 0px 20px 20px 0px; } .round-edges-left, .plans-container .plans-card-static .plans-content-container { border-radius: 20px 0px 0px 20px; } .round-edges-left-sm { border-radius: 4px 0px 0px 4px; } .chamfer, .mode-chip, .basic-indicator-form .add-remove-button-container button, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .checkbox-filter-container .checkbox-group .checkbox-option, .backtest-action-button .mat-button-wrapper .mat-progress-bar, .indicator-condition, .toggle-sm, .buy-toggle-sm, .sell-toggle-sm, .default-toggle-sm, .accent-divider, .chain-field-sm, .ut-pro-indicator-condition-string .condition-string { border-radius: 4px !important; } .chamfer-2 { border-radius: 2px !important; } .chamfer-half { border-radius: 4px 4px 0 0; } .chamfer-left { border-radius: 4px 0px 0px 4px; } .chamfer-right { border-radius: 0px 4px 4px 0px; } .chamfer-xl, .border-radius-panel .mat-dialog-container, .portfolio-details, .ut-pro-elevated-card, .ut-pro-header-card, .ut-pro-indicator-condition-string.border-accent { border-radius: 8px !important; } .border-radius-12, .index-watch-dialog-container, .index-watch-dialog-container .tutorial-overlay .tutorial-content { border-radius: 12px !important; } .position-relative, .market-watch-container .market-watch .table-container .market-watch-list .mw-list-item .mat-list-item-content .item-container .mw-watch-row .holdings-icon, .mat-menu, .mat-menu-form, .panic-control-panel .mat-dialog-container, .chart-button mat-icon, .index-watch-dialog-container .tutorial-overlay .tutorial-content, .notifications-tabs { position: relative; } .position-absolute, .absolute-spinner, .mat-dialog-container button.close-icon-btn, .notification-sidenav, .notifications-tabs mat-tab-header { position: absolute !important; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fake-button { outline: none; cursor: pointer; } .float-right { float: right; } .overflow-ellipsis, .gainer-loser-wrapper .row-headers .col, .gainer-loser-wrapper .rows .col { text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .line-clamp-2, .max-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; } .max-2-lines { overflow: hidden; text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .font-normal, .screener-filters-menu .screener-filters-action { font-weight: normal !important; } .font-300 { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500, .market-watch-settings-menu .menu-content, .market-watch-list .mw-list-item .item-container .mw-watch-row .market-id-label, .new-submit-button { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-bold, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box, .table-background-color th, .ut-pro-button, .ut-field-label { font-weight: 600 !important; } .font-700, .bt-expanded-view-container .disclaimer .note, .earnings-report-container .disclaimer .note { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .whitespace-preline { white-space: pre-line; } .text-shadow-black { text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.42); } .rotate-180 { transform: rotate(180deg); } .no-wrap, .data-value-label-container, .index-watch-dialog-container .dialog-content .symbols-list-container .symbol-card .symbol-card-content .symbol-details .change-box, .plans-container .plans-card .plans-feature-text { white-space: nowrap; } .border-right { border-right: 1px solid lightgray; } .mode-chip { padding: 0 4px; min-width: 32px; } .font-11 { font-size: 11px !important; } .font-12, .login-form-container .footer-container p, .market-watch-container .pagination-group .mat-button-toggle, #header-component .dashboard-tabs mat-button-toggle, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip, .screener-filters-menu .screener-filters-action, .symbol-count, .chart-button mat-icon, .notifications-tabs mat-tab-header { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14, .bt-expanded-view-container .disclaimer, .funds-container .funds-transaction-container .strategy-select .mat-select-placeholder, .funds-container .funds-transaction-container .strategy-select .mat-select-value-text, .funds-container .funds-transaction-container .mode-select .mat-select-placeholder, .funds-container .funds-transaction-container .mode-select .mat-select-value-text, .earnings-report-container .disclaimer, .earnings-report-container .disclaimer button, .table-header-filter .filter-icon mat-icon, .symbol-filter .mat-chip-list .mat-chip-list-wrapper .mat-chip .mat-icon { font-size: 14px !important; } .font-16, .funds-container .funds-transaction-container .mat-label .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .overlay-input, .login-operator-form-container .login-form .submit-button, .multi-broker-otp-input-container .n-o-c .multi-broker-otp-input-box { font-size: 16px !important; } .font-10 { font-size: 10px !important; } .font-18 { font-size: 18px !important; } .font-small, .mode-chip { font-size: small; } .font-x-small { font-size: x-small; } .font-x-large { font-size: x-large; } .font-larger { font-size: larger; } .font-xx-small { font-size: xx-small; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-34 { font-size: 34px !important; } .elevated, .notification-sidenav mat-sidenav { z-index: 999; } .high-elevated { z-index: 1000; } .no-elevated { z-index: 0; } .passoword-field input[type=text] { font-family: Verdana, Geneva, Tahoma, sans-serif; } width .country-flag { height: 16px; width: 32px; } .collapse-height { height: 0px !important; } .no-shadow { box-shadow: none !important; } .border-box, .cdk-drag-preview, .overlay-input, .backtest-strategy-card-wrapper .mat-card { box-sizing: border-box !important; } .no-border, .earnings-report-container .disclaimer button, .new-submit-button { border: none !important; } .algo-indicator-statement .indicator-statement .chip { max-width: 120px; border-radius: 40px; padding: 2px 0; } .align-baseline, .market-watch-settings-menu .header-row { align-items: baseline; } .brokers { max-height: 40px; } .brokers .name { margin-right: 8px; vertical-align: -webkit-baseline-middle; } .brokers .date { font-size: small; opacity: 0.8; vertical-align: bottom; } .brokers .icons { float: right; } .brokers .logo { height: 16px; width: 16px; border-radius: 0px !important; } .decoration-underline, .earnings-report-container .disclaimer button { text-decoration: underline !important; } .decoration-none { text-decoration: none; } .horizontal-line { height: 1px; border-width: 0px; } .strike-through { text-decoration: line-through; } .blur-bg { filter: blur(3px) brightness(0.9) grayscale(1); } .absolute-spinner { top: 0; left: 0; z-index: 100; } @media screen and (min-width: 960px) { .hide-desktop, .show-mobile, .show-tablet { display: none !important; } } @media screen and (min-width: 960px) { .show-desktop { display: block; } } @media screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media screen and (max-width: 599px) { .show-mobile { display: block; } } @media screen and (max-width: 959px) { .hide-tablet { display: none !important; } } @media screen and (max-width: 959px) { .show-tablet { display: block; } } .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-inner-spin-button, .show-tablet .hide-input-type-number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media screen and (max-width: 959px) { .responsive-flex { flex-direction: column; } .responsive-flex > * { width: 100%; } } .flex-1, .index-watch-dialog-container .dialog-content { flex: 1; } .flex-2 { flex: 2; } @media screen and (max-width: 959px) { .responsive-flex-space-between { flex-direction: column; } .responsive-flex-space-between > * { width: 100%; } } .no-height { height: 0px !important; } .mat-icon-buttons { height: 24px !important; width: 24px !important; } .plan-backdrop-blur { filter: blur(1.2px); } .min-height-80 { min-height: 80px !important; } .hidden { display: none !important; } .fixed-numeric-width { font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" !important; } .login-operator-form-container { max-width: 320px; height: 520px; margin: 0px auto; padding: 1rem 2rem; border-radius: 8px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05), 0px 16px 80px rgba(0, 0, 0, 0.1); } .login-operator-form-container h2 { margin-bottom: 1rem; font-weight: 500; } .login-operator-form-container .login-form { gap: 0.2rem; } .login-operator-form-container .login-form .submit-button { margin-top: 0.5rem; height: 48px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .login-operator-form-container .login-form ::ng-deep .mat-form-field-wrapper { margin-bottom: 0.5rem; } .login-operator-form-container .login-form ::ng-deep .mat-form-field-flex .mat-form-field-infix { padding: 0.2rem 0 0.8rem !important; } /* You can add global styles to this file, and also import other style files */ /** Custom imports to be added below */ @font-face { font-family: InterSemiBold; src: url("/assets/fonts/Inter_SemiBold.ttf") format("truetype"); } @font-face { font-family: InterRegular; src: url("/assets/fonts/Inter_Regular.ttf") format("truetype"); } @font-face { font-family: InterMedium; src: url("/assets/fonts/Inter_Medium.ttf") format("truetype"); } @font-face { font-family: InterExtraBold; src: url("/assets/fonts/Inter_ExtraBold.ttf") format("truetype"); } @font-face { font-family: OpenSansRegular; src: url("/assets/fonts/OpenSans_Regular.ttf") format("truetype"); } @font-face { font-family: OpenSansSemiBold; src: url("/assets/fonts/OpenSans_SemiBold.ttf") format("truetype"); } @font-face { font-family: OpenSansMedium; src: url("/assets/fonts/OpenSans_Medium.ttf") format("truetype"); } @font-face { font-family: OpenSansExtraBold; src: url("/assets/fonts/OpenSans_ExtraBold.ttf") format("truetype"); } @font-face { font-family: SpaceGroteskRegular; src: url("/assets/fonts/SpaceGrotesk-Regular.ttf") format("truetype"); } @font-face { font-family: SpaceGroteskBold; src: url("/assets/fonts/SpaceGrotesk-Bold.ttf") format("truetype"); } @font-face { font-family: SpaceMonoRegular; src: url("/assets/fonts/SpaceMono-Regular.ttf") format("truetype"); } @font-face { font-family: RobotoRegular; src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: RobotoBold; src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype"); } .font-inter-semibold { font-family: "InterSemiBold", "OpenSansSemiBold", sans-serif !important; font-weight: lighter !important; } .font-inter-regular { font-family: "InterRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .font-inter-medium, .funds-container .funds-tabs .mat-tab-header .mat-tab-label-active .mat-tab-label-content { font-family: "InterMedium", "OpenSansMedium", sans-serif !important; font-weight: lighter !important; } .font-inter-extrabold, #header-component mat-toolbar .dashboard-tabs .mat-button-toggle-checked, .rounded-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content, .vertical-mat-tabs .mat-tab-header .mat-tab-label .mat-tab-label-content { font-family: "InterExtraBold", "OpenSansExtraBold", sans-serif !important; font-weight: lighter; } .font-spacegrotesk-regular { font-family: "SpaceGroteskRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter; } .font-spacegrotesk-bold { font-family: "SpaceGroteskBold", "OpenSansExtraBold", sans-serif !important; font-weight: lighter; } .font-spacemono-regular { font-family: "SpaceMonoRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter; } .font-roboto-regular { font-family: "RobotoRegular", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } .font-roboto-bold { font-family: "RobotoBold", "OpenSansRegular", sans-serif !important; font-weight: lighter !important; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons.woff2') format("woff2"), url('material-icons.woff') format("woff"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Outlined"; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons-outlined.woff2') format("woff2"), url('material-icons-outlined.woff') format("woff"); } .material-icons-outlined { font-family: "Material Icons Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Round"; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons-round.woff2') format("woff2"), url('material-icons-round.woff') format("woff"); } .material-icons-round { font-family: "Material Icons Round"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Sharp"; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons-sharp.woff2') format("woff2"), url('material-icons-sharp.woff') format("woff"); } .material-icons-sharp { font-family: "Material Icons Sharp"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } @font-face { font-family: "Material Icons Two Tone"; font-style: normal; font-weight: 400; font-display: block; src: url('material-icons-two-tone.woff2') format("woff2"), url('material-icons-two-tone.woff') format("woff"); } .material-icons-two-tone { font-family: "Material Icons Two Tone"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "liga"; } /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } html, body { height: 100%; } body { margin: 0; } body * { font-family: "InterRegular", "OpenSansRegular", sans-serif; scrollbar-color: #b9b1b1 #f1f1f1; scrollbar-width: thin; } body .widget-messages .bot-message .parsed-text, body .bot-text.language-text { /* Style for table */ } body .widget-messages .bot-message .parsed-text *, body .bot-text.language-text * { font-family: "Poppins", sans-serif; } body .widget-messages .bot-message .parsed-text li, body .bot-text.language-text li { margin: 8px 0; } body .widget-messages .bot-message .parsed-text img, body .bot-text.language-text img { width: 100%; } body .widget-messages .bot-message .parsed-text .table-scroll, body .bot-text.language-text .table-scroll { width: calc(75vw - 408px); overflow-x: auto; margin: 16px 0; } body .widget-messages .bot-message .parsed-text .table-scroll table, body .bot-text.language-text .table-scroll table { border-collapse: collapse; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } body .widget-messages .bot-message .parsed-text .table-scroll table th, body .widget-messages .bot-message .parsed-text .table-scroll table td, body .bot-text.language-text .table-scroll table th, body .bot-text.language-text .table-scroll table td { padding: 8px; border: 1px solid #ddd; white-space: normal; white-space: nowrap; /* no wrapping */ } body .widget-messages .bot-message .parsed-text .table-scroll table tr:nth-child(even), body .bot-text.language-text .table-scroll table tr:nth-child(even) { background-color: #f5f5f5; } body .widget-messages .bot-message .parsed-text .table-scroll table tr:hover, body .bot-text.language-text .table-scroll table tr:hover { background-color: #e9e9e9; } body .widget-messages .bot-message .parsed-text .table-scroll table th, body .bot-text.language-text .table-scroll table th { background-color: #2f2f2f; color: #fafafa; font-weight: 400; } body .widget-messages .bot-message .parsed-text .table-scroll table td, body .bot-text.language-text .table-scroll table td { font-size: 12px; } body .yaml-editor .CodeMirror * { font-size: 12px; font-family: "Noto Sans", sans-serif; } /* width */ ::-webkit-scrollbar { width: 8px; height: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 16px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #b9b1b1; border-radius: 16px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #a5a0a0; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } input[type=password] { font-family: Verdana, Geneva, Tahoma, sans-serif; } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************/ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************/ /** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } /*# sourceMappingURL=styles.css.map*/