/* vars */
/*KEEP THIS*/
/* cairo-regular - arabic_latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/Cairo/cairo-v4-arabic_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Cairo'), local('Cairo-Regular'), url('../../fonts/Cairo/cairo-v4-arabic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/Cairo/cairo-v4-arabic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/Cairo/cairo-v4-arabic_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/Cairo/cairo-v4-arabic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/Cairo/cairo-v4-arabic_latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}


/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "CordaleCorp-Regular";
    src: url("../../fonts/Cordale/CordaleCorpRg.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Cordale/CordaleCorpRg.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/Cordale/CordaleCorpRg.otf") format("opentype"), /* Open Type Font */
    url("../../fonts/Cordale/CordaleCorpRg.svg") format("svg"), /* Legacy iOS */
    url("../../fonts/Cordale/CordaleCorpRg.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../fonts/Cordale/CordaleCorpRg.woff") format("woff"), /* Modern Browsers */
    url("../../fonts/Cordale/CordaleCorpRg.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 300;
    font-style: normal;
}
/* SALMON ICONS ADDED */

.dx-icon-indicatorup {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNTYiIGhlaWdodD0iNDQ4IiB2aWV3Qm94PSIwIDAgMjU2IDQ0OCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KCTxwYXRoIGQ9Ik0wIDE3NnEwLTYuNSA0Ljc1LTExLjI1bDExMi0xMTJxNC43NS00Ljc1IDExLjI1LTQuNzV0MTEuMjUgNC43NWwxMTIgMTEycTQuNzUgNC43NSA0Ljc1IDExLjI1dC00Ljc1IDExLjI1LTExLjI1IDQuNzVoLTIyNHEtNi41IDAtMTEuMjUtNC43NXQtNC43NS0xMS4yNXoiIGZpbGw9IiNjMGZmMDAiPjwvcGF0aD4KPC9zdmc+Cg==);
}

.dx-icon-indicatordown {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNTYiIGhlaWdodD0iNDQ4IiB2aWV3Qm94PSIwIDAgMjU2IDQ0OCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KCTxwYXRoIGQ9Ik0wIDI3MnEwLTYuNSA0Ljc1LTExLjI1dDExLjI1LTQuNzVoMjI0cTYuNSAwIDExLjI1IDQuNzV0NC43NSAxMS4yNS00Ljc1IDExLjI1bC0xMTIgMTEycS00Ljc1IDQuNzUtMTEuMjUgNC43NXQtMTEuMjUtNC43NWwtMTEyLTExMnEtNC43NS00Ljc1LTQuNzUtMTEuMjV6IiBmaWxsPSIjZmYwMDY2Ij48L3BhdGg+Cjwvc3ZnPgo=);
}

.dx-icon-selector {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTAgMTQuNTcxcTAtMC4zNDggMC4yNTQtMC42MDN0MC42MDMtMC4yNTRoMTJxMC4zNDggMCAwLjYwMyAwLjI1NHQwLjI1NCAwLjYwMy0wLjI1NCAwLjYwM2wtNiA2cS0wLjI1NCAwLjI1NC0wLjYwMyAwLjI1NHQtMC42MDMtMC4yNTRsLTYtNnEtMC4yNTQtMC4yNTQtMC4yNTQtMC42MDN6TTAgOS40MjlxMC0wLjM0OCAwLjI1NC0wLjYwM2w2LTZxMC4yNTQtMC4yNTQgMC42MDMtMC4yNTR0MC42MDMgMC4yNTRsNiA2cTAuMjU0IDAuMjU0IDAuMjU0IDAuNjAzdC0wLjI1NCAwLjYwMy0wLjYwMyAwLjI1NGgtMTJxLTAuMzQ4IDAtMC42MDMtMC4yNTR0LTAuMjU0LTAuNjAzeiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgo8L3N2Zz4=);
}

.dx-icon-bell {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTEyIDFxMS4yODkgMCAyLjQzOCAwLjQxOHQyLjAzOSAxLjE1MiAxLjYwMiAxLjc0NiAxLjE4NCAyLjE4NyAwLjczOCAyLjQ5NnEwLjc4OSAzLjk2MSAxLjY3NiA2LjI2MnQyLjMyNCAzLjczOGgtOS4xNzJxMC4xNzIgMC40OTIgMC4xNzIgMSAwIDEuMjQyLTAuODc5IDIuMTIxdC0yLjEyMSAwLjg3OS0yLjEyMS0wLjg3OS0wLjg3OS0yLjEyMXEwLTAuNTA4IDAuMTcyLTFoLTkuMTcycTEuNDM3LTEuNDM3IDIuMzI0LTMuNzM4dDEuNjc2LTYuMjYycTAuMjY2LTEuMzIgMC43MzgtMi40OTZ0MS4xODQtMi4xODcgMS42MDItMS43NDYgMi4wMzktMS4xNTIgMi40MzgtMC40MTh6TTEyIDE5cS0wLjQxNCAwLTAuNzA3IDAuMjkzdC0wLjI5MyAwLjcwNyAwLjI5MyAwLjcwNyAwLjcwNyAwLjI5MyAwLjcwNy0wLjI5MyAwLjI5My0wLjcwNy0wLjI5My0wLjcwNy0wLjcwNy0wLjI5M3pNMTIgM3EtMC45MDYgMC0xLjcwNyAwLjI4MXQtMS4zNzEgMC43MTktMS4wNTkgMS4wNTEtMC43OTMgMS4xOTEtMC41NTEgMS4yMzQtMC4zNjMgMS4wODItMC4xOTUgMC44MzJxLTEgNS4wMzktMi4yMDMgNy42MDloMTYuNDg0cS0xLjIwMy0yLjU3LTIuMjAzLTcuNjA5LTAuMDc4LTAuNDA2LTAuMTk1LTAuODMydC0wLjM2My0xLjA4Mi0wLjU1MS0xLjIzNC0wLjc5My0xLjE5MS0xLjA1OS0xLjA1MS0xLjM3MS0wLjcxOS0xLjcwNy0wLjI4MXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4KPC9zdmc+);
}

.dx-icon-signal {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0NDgiIGhlaWdodD0iNDQ4IiB2aWV3Qm94PSIwIDAgNDQ4IDQ0OCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KCTxwYXRoIGQ9Ik00IDM2OC43NWwxOTItMzUycTQuMjUtNy43NSAxMS43NS0xMi4yNXQxNi4yNS00LjUgMTYuMjUgNC41IDExLjc1IDEyLjI1bDE5MiAzNTJxOC43NSAxNS43NS0wLjUgMzEuNS00LjI1IDcuMjUtMTEuNjI1IDExLjV0LTE1Ljg3NSA0LjI1aC0zODRxLTguNSAwLTE1Ljg3NS00LjI1dC0xMS42MjUtMTEuNXEtOS4yNS0xNS43NS0wLjUtMzEuNXpNMTg4IDEzNmw0LjI1IDExNC4yNXEwIDIuNSAyLjUgNC4xMjV0NiAxLjYyNWg0Ni4yNXEzLjUgMCA1Ljg3NS0xLjYyNXQyLjYyNS00LjEyNWw0LjUtMTE0Ljc1cTAtMy0yLjUtNC43NS0zLjI1LTIuNzUtNi0yLjc1aC01NXEtMi43NSAwLTYgMi43NS0yLjUgMS43NS0yLjUgNS4yNXpNMTkyIDM0My43NXEwIDMuNSAyLjM3NSA1Ljg3NXQ1LjYyNSAyLjM3NWg0OHEzLjI1IDAgNS42MjUtMi4zNzV0Mi4zNzUtNS44NzV2LTQ3LjVxMC0zLjUtMi4zNzUtNS44NzV0LTUuNjI1LTIuMzc1aC00OHEtMy4yNSAwLTUuNjI1IDIuMzc1dC0yLjM3NSA1Ljg3NXY0Ny41eiIgZmlsbD0iI2ZmMDA2NiI+PC9wYXRoPgo8L3N2Zz4=);
}

.dx-icon-news {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTIxLjc1IDBoLTE2LjVjLTEuMjQzIDAtMi4yNSAxLjAwNi0yLjI1IDIuMjV2MS41aC0wLjc1Yy0xLjI0MyAwLTIuMjUgMS4wMDctMi4yNSAyLjI1djE1YzAgMS42NTcgMS4zNDMgMyAzIDNoMThjMS42NTcgMCAzLTEuMzQzIDMtM3YtMTguNzVjMC0xLjI0NC0xLjAwOC0yLjI1LTIuMjUtMi4yNXpNMjIuNSAyMWMwIDAuODI2LTAuNjc0IDEuNS0xLjUgMS41aC0xOGMtMC44MjcgMC0xLjUtMC42NzQtMS41LTEuNXYtMTVjMC0wLjQxNCAwLjMzNi0wLjc1IDAuNzUtMC43NWgwLjc1djE1YzAgMC40MTUgMC4zMzUgMC43NSAwLjc1IDAuNzVzMC43NS0wLjMzNSAwLjc1LTAuNzV2LTE4YzAtMC40MTQgMC4zMzYtMC43NSAwLjc1LTAuNzVoMTYuNWMwLjQxMyAwIDAuNzUgMC4zMzYgMC43NSAwLjc1djE4Ljc1ek0xNC42MjMgOS43NTRjLTAuMjA2IDAtMC4zNzUtMC4xNjgtMC4zNzUtMC4zNzVzMC4xNjktMC4zNzUgMC4zNzUtMC4zNzVoNmMwLjIwOCAwIDAuMzc1IDAuMTY4IDAuMzc1IDAuMzc1cy0wLjE2NyAwLjM3NS0wLjM3NSAwLjM3NWgtNnpNMTQuNjIzIDcuNTA0Yy0wLjIwNiAwLTAuMzc1LTAuMTY4LTAuMzc1LTAuMzc1czAuMTY5LTAuMzc1IDAuMzc1LTAuMzc1aDZjMC4yMDggMCAwLjM3NSAwLjE2OCAwLjM3NSAwLjM3NXMtMC4xNjcgMC4zNzUtMC4zNzUgMC4zNzVoLTZ6TTE0LjYyMyA1LjI1NGMtMC4yMDYgMC0wLjM3NS0wLjE2OC0wLjM3NS0wLjM3NXMwLjE2OS0wLjM3NSAwLjM3NS0wLjM3NWg2YzAuMjA4IDAgMC4zNzUgMC4xNjggMC4zNzUgMC4zNzVzLTAuMTY3IDAuMzc1LTAuMzc1IDAuMzc1aC02ek0xMi4zNzUgMjAuMjUzYzAuMjA3IDAgMC4zNzUgMC4xNjkgMC4zNzUgMC4zNzUgMCAwLjIwOC0wLjE2OSAwLjM3NS0wLjM3NSAwLjM3NWgtNmMtMC4yMDcgMC0wLjM3NS0wLjE2Ny0wLjM3NS0wLjM3NSAwLTAuMjA2IDAuMTY4LTAuMzc1IDAuMzc1LTAuMzc1aDZ6TTEyLjM3NSAxOC4wMDNjMC4yMDcgMCAwLjM3NSAwLjE2OSAwLjM3NSAwLjM3NSAwIDAuMjA4LTAuMTY5IDAuMzc1LTAuMzc1IDAuMzc1aC02Yy0wLjIwNyAwLTAuMzc1LTAuMTY3LTAuMzc1LTAuMzc1IDAtMC4yMDYgMC4xNjgtMC4zNzUgMC4zNzUtMC4zNzVoNnpNMTIuMzc1IDE1Ljc1M2MwLjIwNyAwIDAuMzc1IDAuMTY5IDAuMzc1IDAuMzc1IDAgMC4yMDgtMC4xNjkgMC4zNzUtMC4zNzUgMC4zNzVoLTZjLTAuMjA3IDAtMC4zNzUtMC4xNjctMC4zNzUtMC4zNzUgMC0wLjIwNiAwLjE2OC0wLjM3NSAwLjM3NS0wLjM3NWg2ek0yMC42MjUgMjAuMjUzYzAuMjA2IDAgMC4zNzUgMC4xNjkgMC4zNzUgMC4zNzUgMCAwLjIwOC0wLjE2OSAwLjM3NS0wLjM3NSAwLjM3NWgtNmMtMC4yMDggMC0wLjM3NS0wLjE2Ny0wLjM3NS0wLjM3NSAwLTAuMjA2IDAuMTY3LTAuMzc1IDAuMzc1LTAuMzc1aDZ6TTIwLjYyNSAxOC4wMDNjMC4yMDYgMCAwLjM3NSAwLjE2OSAwLjM3NSAwLjM3NSAwIDAuMjA4LTAuMTY5IDAuMzc1LTAuMzc1IDAuMzc1aC02Yy0wLjIwOCAwLTAuMzc1LTAuMTY3LTAuMzc1LTAuMzc1IDAtMC4yMDYgMC4xNjctMC4zNzUgMC4zNzUtMC4zNzVoNnpNMjAuNjI1IDE1Ljc1M2MwLjIwNiAwIDAuMzc1IDAuMTY5IDAuMzc1IDAuMzc1IDAgMC4yMDgtMC4xNjkgMC4zNzUtMC4zNzUgMC4zNzVoLTZjLTAuMjA4IDAtMC4zNzUtMC4xNjctMC4zNzUtMC4zNzUgMC0wLjIwNiAwLjE2Ny0wLjM3NSAwLjM3NS0wLjM3NWg2ek0yMC42MjUgMTEuMjUzYzAuMjA2IDAgMC4zNzUgMC4xNjggMC4zNzUgMC4zNzVzLTAuMTY5IDAuMzc1LTAuMzc1IDAuMzc1aC0xNC4yNWMtMC4yMDcgMC0wLjM3NS0wLjE2OC0wLjM3NS0wLjM3NXMwLjE2OC0wLjM3NSAwLjM3NS0wLjM3NWgxNC4yNXpNMjAuNjI1IDEzLjUwM2MwLjIwNiAwIDAuMzc1IDAuMTY5IDAuMzc1IDAuMzc1IDAgMC4yMDgtMC4xNjkgMC4zNzUtMC4zNzUgMC4zNzVoLTE0LjI1Yy0wLjIwNyAwLTAuMzc1LTAuMTY3LTAuMzc1LTAuMzc1IDAtMC4yMDYgMC4xNjgtMC4zNzUgMC4zNzUtMC4zNzVoMTQuMjV6TTYuNzUgOS43NWg1LjI1YzAuNDE1IDAgMC43NS0wLjMzNSAwLjc1LTAuNzV2LTUuMjQ3YzAtMC40MTUtMC4zMzUtMC43NS0wLjc1LTAuNzVoLTUuMjVjLTAuNDE1IDAtMC43NSAwLjMzNS0wLjc1IDAuNzV2NS4yNDdjMCAwLjQxNCAwLjMzNSAwLjc1IDAuNzUgMC43NXpNNy41IDQuNWgzLjc1djMuNzVoLTMuNzV2LTMuNzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPg==);
}

.dx-icon-stats {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTMgMjFoMjF2M2gtMjR2LTI0aDN6TTYuNzUgMTkuNWMtMS4yNDMgMC0yLjI1LTEuMDA3LTIuMjUtMi4yNXMxLjAwNy0yLjI1IDIuMjUtMi4yNWMwLjA2NiAwIDAuMTMyIDAuMDAzIDAuMTk3IDAuMDA5bDIuNDE5LTQuMDMxYy0wLjIzMS0wLjM1My0wLjM2NS0wLjc3NS0wLjM2NS0xLjIyOCAwLTEuMjQzIDEuMDA3LTIuMjUgMi4yNS0yLjI1czIuMjUgMS4wMDcgMi4yNSAyLjI1YzAgMC40NTMtMC4xMzUgMC44NzUtMC4zNjUgMS4yMjhsMi40MTkgNC4wMzFjMC4wNjUtMC4wMDYgMC4xMy0wLjAwOSAwLjE5Ny0wLjAwOSAwLjA1MCAwIDAuMSAwLjAwMiAwLjE0OSAwLjAwNWwzLjk5My02Ljk4N2MtMC4yNDctMC4zNjEtMC4zOTItMC43OTgtMC4zOTItMS4yNjggMC0xLjI0MyAxLjAwNy0yLjI1IDIuMjUtMi4yNXMyLjI1IDEuMDA3IDIuMjUgMi4yNWMwIDEuMjQzLTEuMDA3IDIuMjUtMi4yNSAyLjI1LTAuMDUwIDAtMC4xLTAuMDAyLTAuMTQ5LTAuMDA1bC0zLjk5MyA2Ljk4N2MwLjI0NyAwLjM2MSAwLjM5MiAwLjc5OCAwLjM5MiAxLjI2OCAwIDEuMjQzLTEuMDA3IDIuMjUtMi4yNSAyLjI1cy0yLjI1LTEuMDA3LTIuMjUtMi4yNWMwLTAuNDUzIDAuMTM1LTAuODc1IDAuMzY1LTEuMjI4bC0yLjQxOS00LjAzMWMtMC4wNjUgMC4wMDYtMC4xMyAwLjAwOS0wLjE5NyAwLjAwOXMtMC4xMzItMC4wMDMtMC4xOTctMC4wMDlsLTIuNDE5IDQuMDMxYzAuMjMxIDAuMzUzIDAuMzY1IDAuNzc1IDAuMzY1IDEuMjI4IDAgMS4yNDMtMS4wMDcgMi4yNS0yLjI1IDIuMjV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPg==);
}

.dx-icon-bars {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTAgMjAuMTQzdi0xNi4yODZxMC0wLjg4NCAwLjYyOS0xLjUxM3QxLjUxMy0wLjYyOWgyMS40MjlxMC44ODQgMCAxLjUxMyAwLjYyOXQwLjYyOSAxLjUxM3YxNi4yODZxMCAwLjg4NC0wLjYyOSAxLjUxM3QtMS41MTMgMC42MjloLTIxLjQyOXEtMC44ODQgMC0xLjUxMy0wLjYyOXQtMC42MjktMS41MTN6TTEuNzE0IDIwLjE0M3EwIDAuMTc0IDAuMTI3IDAuMzAxdDAuMzAxIDAuMTI3aDIxLjQyOXEwLjE3NCAwIDAuMzAxLTAuMTI3dDAuMTI3LTAuMzAxdi0xNi4yODZxMC0wLjE3NC0wLjEyNy0wLjMwMXQtMC4zMDEtMC4xMjdoLTIxLjQyOXEtMC4xNzQgMC0wLjMwMSAwLjEyN3QtMC4xMjcgMC4zMDF2MTYuMjg2ek0zLjQyOSAxOC44NTd2LTUuMTQzaDMuNDI5djUuMTQzaC0zLjQyOXpNOC41NzEgMTguODU3di0xMmgzLjQyOXYxMmgtMy40Mjl6TTEzLjcxNCAxOC44NTd2LTguNTcxaDMuNDI5djguNTcxaC0zLjQyOXpNMTguODU3IDE4Ljg1N3YtMTMuNzE0aDMuNDI5djEzLjcxNGgtMy40Mjl6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPg==);
}

.dx-icon-piechart {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyAKCnZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQ4MCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA0ODAgNTEyIj4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPgoJPHBhdGggCgpkPSJNMjM0LjIyOCAyOTguMjk1bC0xMzAuNzQtMTMwLjc0Yy02NS4xNzIgNzUuMjIxLTY1LjE3MiAxODYuMjYgMCAyNjEuNDgxbDEzMC43NC0xMzAuNzR6TTI1Mi4zNTkgMjgwLjcxOXYtMjIyLjQ3M2MtNjAuNjM2IDMuNzctMTE1LjI5IDI2Ljk0NC0xNTkuNDAyIDYzLjA1OWwxNTkuNDAyIAoKMTU5LjQxNXpNMjc3LjEwMyAxMDcuODgydjE4My4wNzBsLTEyOC4zMyAxMjguMzNjMjguNzczIDIxLjE0NyA2My40NDIgMzQuNDcxIDEwMS43ODEgMzQuNDcxIDk2LjYyNyAwIDE3NC44MzktNzguMjEyIDE3NC44MzktMTc0LjY3OSAwLTg3LjQ4MS02NC42MDMtMTU4LjM1MS0xNDguMjkxLTE3MS4xOTN6IiAKCm9wYWNpdHk9IjEiIHZpc2liaWxpdHk9ImZhbHNlIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPg==);
}

.dx-icon-search {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI3NjgiIGhlaWdodD0iNzY4IiB2aWV3Qm94PSIwIDAgNzY4IDc2OCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KCTxwYXRoIGQ9Ik0zMjcuNjcxIDc0LjE5M3E1MS40ODcgMCA5OC40NjYgMjAuMTMzdDgwLjg2MyA1NC4wMTggNTQuMDE4IDgwLjg2MyAyMC4xMzMgOTguNDY2cTAgNDQuMjI3LTE0LjQxMiA4NC43MTN0LTQxLjAzNyA3My40OTFsMTU5Ljk2NSAxNTkuNzQ1cTguMTQxIDguMTQxIDguMTQxIDIwLjAyMyAwIDEyLjEwMS04LjAzMSAyMC4xMzN0LTIwLjEzMyA4LjAzMXEtMTEuODgxIDAtMjAuMDIzLTguMTQxbC0xNTkuNzQ1LTE1OS45NjVxLTMzLjAwNSAyNi42MjQtNzMuNDkxIDQxLjAzN3QtODQuNzEzIDE0LjQxMnEtNTEuNDg4IDAtOTguNDY2LTIwLjEzM3QtODAuODYzLTU0LjAxOC01NC4wMTgtODAuODYyLTIwLjEzMy05OC40NjYgMjAuMTMzLTk4LjQ2NiA1NC4wMTgtODAuODYzIDgwLjg2My01NC4wMTggOTguNDY2LTIwLjEzM3pNMzI3LjY3MSAxMzAuNTJxLTQwLjA0NiAwLTc2LjU3MiAxNS42MjN0LTYyLjkzIDQyLjAyNy00Mi4wMjcgNjIuOTMtMTUuNjIzIDc2LjU3MiAxNS42MjMgNzYuNTcyIDQyLjAyNyA2Mi45MjkgNjIuOTMgNDIuMDI3IDc2LjU3MiAxNS42MjMgNzYuNTcyLTE1LjYyMyA2Mi45MjktNDIuMDI3IDQyLjAyNy02Mi45MjkgMTUuNjIzLTc2LjU3Mi0xNS42MjMtNzYuNTcyLTQyLjAyNy02Mi45My02Mi45MjktNDIuMDI3LTc2LjU3Mi0xNS42MjN6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPg==);
}

.dx-icon-favorites {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTkuMjk3IDlsMi43MDMtOC4zMiAyLjcwMyA4LjMyaDguNzVsLTcuMDc4IDQuOTE0IDIuNzAzIDguMTcyLTcuMDc4LTUuMTgtNy4wNzggNS4xNDEgMi43MDMtOC4xMzMtNy4wNzgtNC45MTRoOC43NXpNMTMuMjUgMTFsLTEuMjUtMy45NzctMS4yNSAzLjk3N2gtMy44ODNsMy4xMjUgMi4wNzAtMS4yMjcgMy42OTUgMy4yNDItMi4zNDQgMy4yMjcgMi4zNjctMS4yMjctMy42OTUgMy4xMTctMi4wOTRoLTMuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgo8L3N2Zz4=);
}

.dx-icon-favoritesactive {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KCTxwYXRoIGQ9Ik0zNTQuMTkyIDMxNGwxNTcuODA4LTEyMmgtMTkybC02NC0xOTItNjQgMTkyaC0xOTJsMTU4IDEyMS41MDQtNjIgMTk4LjQ5NiAxNjAuMjU2LTEyMi44OCAxNTkuODcyIDEyMi44OHoiIG9wYWNpdHk9IjEiIHZpc2liaWxpdHk9ImZhbHNlIiAgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgo8L3N2Zz4=);
}

.dx-icon-markets {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuhJREFUeNrsWE1u2kAUNpH3tdKo3dIThJ4gzgkCvUBh0y6BEwROYFg2GzsnwLlAcU4QeoJ620ptfAP3veqz9DQMzgzEshfzSU8D9nj8vvc3b+x5Dg4ODg4noNdl5c6//QpoGJDkf7++z3VzzjqsPCv+k2TLI/0f6ub5LVo2JmGlUpIJWbgQ90MabkkC8dgUc9snIJT3MA5IaQ6R0HYhX7AeY2FGQhaZNGT9IeJaxSPJPcc7pE+yEV5YH0xiuPRZuTciEumRSkY0sEF2JHNc/oxrAa5LEkt610KzTh9EDiZx5YFAc+9GF3MGys9omOEvh8QTfrMCS16TlcG8K5IH+p/o1oLSuVEZpQW3IgYLYSlOsJ0FgQUSUOKjzRqMsixjeKxC1uv1rmv3AeRBAMvzGIHUCm4uUN6GyJNccfct7kmPZjTvWlEuEl5iY61JuYUyp9xTlmC9kYFUhBel4sX/80SUuBDuXmPuDRIzkSXSVDkrAjS3j1iVlhvR/FQkeaS4VCJjxU2TvgkCurjdizklTyrFJzKUEB6ywtzTOklTBGw3sjm29gDhMleUD5UQ80AmaXRbZA+U+9i+0Kfo1gk165S6EHqNOUc3c7Yl8UQURq2EoafUNmBFYVk0TGCEcA1PIkDKD9CbSFyKUvra+EDGycXmyLt3oJZkmxAKDK+dmo99VMWI85BkjJYjxrlg1sUDzZIUDUg2OMRUO3ooKlllsIhIxF0isIJsxRlBItd4eoyOt3UCO4rzam8ZWFahGZ/czjoQOuMa5b23d7/rnp/6LSpfcK9FBJ6OKB4ZGsWsTQKZkqDaEBNd8OPlhZ9//3RePfOGDNAqgR8mk/58eReCxBTHS5kbc9/rNgY1HsrbrkJXJr1ODVonUFk2PfL5B9kL5SKpZAKp9filOdWXB6MERn+1rDnp1XWoaWcC/cB5pA5h57LVkMQzNr5uAie6zQHlY3x8sPus0hKRQJZP3rA8BwcHBwcHDf4JMAB+tQJ+THmbSAAAAABJRU5ErkJggg==);
}

.dx-icon-watch {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABvVJREFUeNrsWQtsU1UY/gtkm2yrG7hMswIVldDysGJkk/FSxnioYR0QRkzmnGzEMLCYBYGgoDEa45TyUolmA5SADCkqGYJbmAoZYAKVZMOA08m2qEC2rmMwNuB6/tN7y7mn97b3dpWUxD/5c9ve8/i+c/7zP04B7nIxRHIwQRCmygY3GGqjljkBaybqIHqEaLugLvjOJbY1RwPwqSLocOUIv1N3Critj8CViJjvyBkgE60jj7XB2hw/fpw+GxoawGg0gslkot8zMjKCdfMQXU7Oyrb/jAABX0EeBfzvXq8XDh8+DHv37vWDV5Ps7Gy/IjkF2UZIvBhxAgT8afKw8cDLy8up4mc9guALCwvB4XBEjIRBz8qjeRQXF0NLS0tA+7Q0E9E02W+tra1EA9tarVYoKyujz0jtBA/ewZ+4yspKYcyYMcKwYcP8OmFCpvDJ1k+F841NwtXuXkXFd++XfUDbsn1xrPr6eqXDXRAJbxMAnp18NJkcgauBVlMkooFEe5+8E+8qcQJ25WfMnCmcOn1GN3hJse9oZjwcu7m5mSdREdYZEAPMEfa32bNnU9uX7Ny1/xtIVPYkUPf3Df/nIQn9wERUSX49exby85+HTtEJoKvdvXs33+wxch7cegm4yCNH+u50OqmiIOgdO3bCSItFNkDLlVvw4S/XYM9v1wMGRxIvWeJgkTVOkYQ95zn/dzzU8+bN032gDWxuQx5/sO5y4sSJfldZsnQZLClZJutcSUCv/fkqeHsEiB1ggOEpsWC8pz99d6nzBvx+yUdq1KD+UDnDCMYYudPbsnkjbN60kX7GwHf06FEeXzIh4QlGgN3jHPYFBikJPJqOEvjlx7oo+MkjEmDxlBSYbjVC+oPxVJ8dey8UZA4GU3IM1LfdhPmHvLQtK/n5BX5zRNeMc3ISMmdiCUzhCUhiz80NMBtceZTXJiXDe+NiYWHKTbjwbhFUTDPDzjljwb3DCXE3uiB3XBJYHoijJJAwKwjebs9VnFOUOXoI2NQI5NjnyjqhzeNqZj8SD0uHG2BIrEB185aPYVrWdOi54oXT251w8NU8+nnyiEQwxvWHQxd6KBFWsD2fTzFi1kPAzEZcdpX4CPsdAYI2P39E4OG0MIe8rbEBTnz0Fm2bPjzeZ3qN8sM+fnz67Z0NjPDaTIgPHGyOYxkp9zq4grj6acS2uw2BbpLPjy4c8+0kHnCpPy+sZwuVGKrtgObIJx3ElMQBULl1A7hc+2Sukf2OgiaEgrugmuQlGsMOvAPC7Xi9V4DBqSZYvbIUthBXmGhMpATutEgE3Fo7oE+nmaanB8Y9miFmncR2W5XbD3rI6o8LUnDjBbPWcKWfeHsgCxZSNYVy8uQJ+XaTYIQkEFBHbCpY5xYGnSB9yRu+FWr2ud0nU+WbjukEm3JzFZxHjxdyswTYyok3jUUWn/f58Xwn2IpfVyQRk2CESSvK4H6yS63tvXD2r266+vMfjpW1YxdIoT5w6zkDbjYWYPmH5SKKy/UVrLKs8TdEEHsae0jy1gv7TrVDLiExKreQepyeLi8kkLMxNDObkkDwB874FnLdEwMDANRUV6utviYCbC6EhUQFG8iw+pJiQU1NrSwLRW+E6QG6RfQwtqEDacTFgIWCeVAjUVx5lPWZ8QGrj7af9fTtBKCqqorfBTsx7/1aCSSRRzv7EpM5Kbjkv1AAq1avCXCpGJU/a+hWnQDNBld+xtCYgHclS14mO/C9WkrtIeCT9RYzFcEqsW8PVCkWKecuXxc2nuoUFh5sF575uo3qip86BNe5LtXCZueuL2Vj19XV8UXN+nCvC2WyYMECWSnZl2pMUlwIFnxRUZFSbRxeWcnvQkdHh6ykRBJqO6FF+ZWfNWsWnYOTdXpTCVb+5O9y0DYlt4p+G20XVU8AwrbYZ/XKFcDHHO6yqwmLwbDvhbCoV8oC1e6E7CTVnpaVRbNKvlZGstU11fSgSoeV9fk4FiZ/WEpiSbnrXDeU1HrRdT7VtjjVEy4BQTWRI5OVlpYqFR4BmWWwvEi6nUMCeXl5dNzHi9+G2vuyWf+viQRf1GNZ6QrVCVNeLPb1pr7oKhE4G7BwZ+e+8wVcnOxQCmIhSfAE0HU5tALCyaXLXbYI4kGjuaCZKKQKktmoTRGShCHUZa4eQZOQzgiCVbmJlh1Yy+eX3Rev3coJ0iYoiaCRmBkA/+v6QSz8HdB3QTAb0NtgJjxo6z+KV/haSCjlQk0M4FoyQRMf7MjjFXHCJJ3AcaztEnBZ3RAmCZaATawNNBc34lXkVHFnzAqlaZOouBj7Q40dDomI/s0aCdFLol+0ESDA8D50W5AmNjbtjzoCGknkRDUBjSSim0AIEs67ggBDwinGDo/4+U34X6JE/hVgAECnGzdLcctoAAAAAElFTkSuQmCC);
}

.dx-icon-orders {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAo5JREFUeNrsWU1SgzAULh0PwLhxS29AT9B4g/YGduVSbyCeAF26aj1BuQHcQG4ALt1YPAG+zISZ+JqEEEiKHd5MJtJHfr7wvS95cT775zafAEwAJgATgAlAH7tq/qjr2ofqkfNVUPLmwfO8bNRIAEBct9uOAR0lhUKN9++gpGMCMUeU0bEQUW00AN6Rj/I/YyVHvpVjegdQCkbjD2EQQ5AmtFJ0coTKV9Ht+u2L/r5mj9n3/U3G+QhUROKTtuOoGzRjw1xIIypdZJT/CrIYSKE8sZKyiTV2QL5As91g+0CJvggRvOMrnrEv0GwnomxpAuBTMQGnBvQpT2KgI4VkAF64+KgQl019wywWpQza1A4OVYi3VKhCGp8tg8YqnmI1yWElEwMV+tOudV4dV4KXUgrKQwCOCNgSJpNLfAvwlW3tmFjwq76HYbemp9EcbzCOVEgqJl0BlGdQokDrOG0opSE7athUIQwg66MGa6QIkQMFitCYpM8XqFQ7ZA8V4n1YhVYqGnsGK8JraQ6KsNRUoRp1patCKQfuRPlMcuJKkQR1URNdFQpVOYsJACyloeUw8BXHmc4x0HRCJAMMqkJWUleBKkQWFQifv+IhKIR1eGUxycf0/BmCQjiQKJ1ovppbAEBaxu4uo+zTFmdKaBZ8MmNKIWqbDtcwQ9kWT94YAHRE6XILJXEwcRpzGxhzP7tEu5zb6Z56TWU05gKbcvVZxFnVSReqB+6nV3bZZv2469NUU3CTfRRkbLI+ZDfjkQsAO9V1vEb7oOVKP7AdA0ThW2u0X/fofxAAvqFP9x3fNgBVjqoThEmP/geJgVDBX6LZRypp7+b2jx17C27gQnfynJJhJYrH9v+4aScW2a8AAwAfD3q0uA+bugAAAABJRU5ErkJggg==);
}

.dx-icon-account {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAs5JREFUeNrsWUtym0AQBZUOMMnGW3yCoBMIThA4QeRVlo5PIHwCJ8usYp9A5ARSTmByApNlNhE3IN1Jq2rS1cN3DMihq7pEwTAzr6c/r5HjzDLLLGctrq2JyrIM4OcaVNUMLUA/ua57mIwVYPObsr1sprJ5r+wuXt/1FxYw6JZMQV+5BsFnoJk2PpgCAF0eYJ+FMeD+Pvuq3fKmBqAY2oUXzpnL0pAO2/jmWrt+R+83Hb+G8UmLtQ48/brC5vcTN3qog+AuFJyB1wQvKgZmAExy0BvQlVDEQtCPNObZaEHSkRIcJW7z+vNPD9XAnY4d10psnwBmhEsw8r3w7Aspr8g49pLRilFcKIXNhBJ9IMsjtVZw7RtoRdgXxLLHu7jwlbDxCH7uGM95hPvo+/Gv9xeZDgJcAkE8NegjrJ/ADbc8bX5nIGl4b89Pg+aIh3ah1NBRXWvXMcUH6ik+0MpbwZ1O4wYD8FBTJQ/gKunpJlxfaUxVtZzTOoACLJbW0GlfSJ8I4pbqhHiqQwVxVpNSI7Lyo1bcHDqRtKrZgYDGuf3nPoGqSnrLXEXRaZSgOymd9m2IugD4YXpAKXJFQcs3E1E6jcbmQuuqhwAix6AFPTXwBQNzNzYAMYuAZRW5CeZ6pblExmgD8iNT3+EPAcA3fM/xyU0CnuvhNPjXCIlI+l2q8YJlgsRtJnlNAG60U5BcLxeyUNZw7aSuJ27UVvKJyI322vs527Be5EK2LoL90KWxXwqVdNuwd5BAxPRRwGd8yNNqiMR7ti0AODrt6MNGtwDiH2uQr6/gJLC5eatbHWMAnt9LzU3LzVvtyI4UfI4hM+3JrUzrbcbuyP5QBpjUZMFvpKKxpG5trJ4YBYFEDdZAqz/1WCex1ZFJdWAHCxTk898ZL3pDMaFsGn3p2BdFBS1yBpD5w9YIUlRVYqUVoikKxlZc9S/QLLP8b/JbgAEAOGfNZBN+CwMAAAAASUVORK5CYII=);
}

.dx-icon-others {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDhJREFUeNrEWUty2kAQlSjvvIiSVCVbcYKI8gECJ4h9gsAmWQY2zhJ8AuNlsgGfAHICKSdAN4BtUpWUbkC6qSfXRMynR5Khq6aw9ZmZN/173QoDi7z69quv/v/389sscMh+v4/ph9+LK7dyHmEY7oIWJdRsOqKfBY1rzfMFjQcCMjNsnjeeOtYcEIisLQAdw/XIcn1KIDc0Es39vmDNfpsaOAJAp1vQGNCfE5y4TnjzKbR1VjFpgIHM6adHY23Rxv25AYSSh+ikU4vqX7LWyP4T+E7imI6deUR+kGt8KFLmeKRnZrU1UJGflnsJLcyLbgSbL81vQ+9saYyx6XLzKYIHR7ApXUvL+00BvHDcL2poP4YJMpB7wwEcopoNRIfMY8wmYogqZVgdCk61rvD8Y03eUOde2TQQASmHxpkmstxbwmpp088tfdKC1h9CZFs1+XCmvMPvF0NC+8+J/3x6M8UpPqfsyKm71YsXmhOMEQmkkr7+/ntAIHSmlrdgYlZNh7DzhcDOXZMziDE0l1U5j8KRPtbIxjkoSGECECMKRE1BcE4QED4GMBUC4YPo6Tb/FEZpUX5o1FDFYnrBZI7GAL7mkrVp80eZGKF0ZQlprWoC2hg6fI7n6ZpAhIbYf604XoFNJR7cxxfEDCZlkgkBmHtxoUrcfc/qpmjjE6F8Qdj4ljaEGgGAmG00t0YEogCI6Bkc21YM9XQEMFReVtF/sMTuGwKxw2Jtg7Bpgef5ofyfHYIB4vPWw0mZCi/h8K2CEDh0VbqdGlkyQ+jNUfBIuFAZYmPJ3D4cyRuAmmGRPwYeIEy19NHcUkre8Xwh19XQHiAiaCJpi936AjDVz9wIYHNaeoC4bmNtXwCJA8jIA8SKQAybFkcdkCWxIGq5QMyF0y1UEK65debWqeP5ApOaeJDDBei8b9PrQHHqJLKSSUraMT5xfUn1xAS5JREnMk8qUYq4v+lZLC2/Xl3e3V5dDit5gQ93qQuzNjK3tdBqsRZqgOCTnmDT75S+1Bp5Rwxg7KDPd5LOWU0QxjWrnXEbgAgcKXLxohODWCLS2fMAKiDX5hamfk3DPGGTITfjnACgAUm2LHuY/ROCmFoBKI1WaWI5FCMAMtQlJL6GeysKlw8NQUQlFTGF0ZXw9KXkL9GViPylx0EdMkSkAF1C1X/mnDAv6nCeFriTRLM5vhQ9BQwC/IjEGJdzm3zgMTiN2A5qpPGfjEYX/aTCFUbToOUPchoT2ltOv9eUTt9YiosdGGdRE4DLhMTzuvLAQMNWc7Q42Lm6cDLfUrCkzqYD6gvqZ3dBwyCUHiZvch0oXWLcn6PpJC3w+ZkuiNmD5TlR1Ra2adiCFuERhxLQCz60kakl0wnOLIIKjrWwNWnj7ACUCs4WNDKTn7VtQhx2Vw4Gay2G8H3hqTOOBtppfECJLomOPgSaT09N5Z8AAwDi1Q23gPYfLwAAAABJRU5ErkJggg==);
}

.dx-icon-ws-option1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAj5JREFUeNrsWEFuwjAQxJEfgHrpFX6QHxB+QH8Apx5LXgC8IPTYE/yg9AXAC0g/UKWnikvLqVJP7my1lYwVlZiYxpEy0iqJ7SSzm9m141arQYMGDaqE0C+UUgkOYQ14b4UQ0yMHQD7CYV2j4HfhRCZPDNp4Qrado4wOLNPlE6ljDH0KN/gsDH6kmFbwxz2ZZ5J5zWsMfBX41cO+DYtOjZOekSZdD2A9PpIKurVxgJM10a7jUzcEPknGIL95v71e1UJCIB/yHEROLGHPRUu49ID8WIv8CFFf2twvPZDMkJP1BuRT2+fICiWz4Nl1w8mql80UzhyKPCtwTCwqMGbAeifycxDtc8lcaxb+6xdgOVBEBzgnOdxTMppRRB9JhjR/YMmsyr5bOiK/1uQQsrYn6COCMyb8CKMvlHKypi6CJx2Sp4iPuI0kMeEE1ReFVGGeYDuM01e823M5BC7JUzvJhkohjJYAfSZ94KiP+NwZpIMqMgOxqdZn/hTNeCXZQd/U9SpXnkn+d9bMm3jMSrRlOekOVeOASZ6iiTZ1KXJOc6BA5CtBUJB85CP5QhLin4yfxPw67Jefby+ZGK+i2jiAaJPO55SMIH9nJGRsLHuznGVwdmJMmtNmX2pzdiW8iTLzm9ruSvi2Q9ezlVDCW41eIyilu2qRHn0BIUSKiMdcKr0nD751C3g+xAWqxdoiinHZ913inziqKokbQD6hssPQJ/ID2IeyR+ID+bEqh0dYuyryiXKDHazTJGKDBnb4FmAAgvEUJq61Q24AAAAASUVORK5CYII=);
}


.notifications-bell .dx-button-text {
    font-weight: bold;
    padding: 4px 5px;
    border-radius: 5px;
}

.notifications-bell.bell-off .dx-button-text {
    /* this should be the off state*/
    opacity: 0.2;
}

.notifications-bell.bell-off .dx-icon-bell {
    /* this should be the off state*/
    opacity: 0.2;
}

/**************SALMON*************/
.dev {
    color: #333333;
    background-color: #c0ff00;
}

.icon {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 28px;
}

.help {
    padding: 10px;
    text-align: center;
    background-color: #6ec881;
}

    .help:before {
        content: '';
        display: inline-block;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        width: 28px;
        height: 28px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAACfElEQVRYw92Yr24iURSHwWxIwFKLINlkEZiapkFUETQSM6lBobE8AKgmCMi8Q1NRgeoLoGpGfiSk62aT1rLpXdEwM7fAmXsu3Z1k83PM3PNlDufPPadkSv9WpUKAuKhChxFzVkTE7NgRE7FizogOFRcbrsAyPWasMYLWzOhRPh9YJeBBRGX1QED1HGCfe2fYXvf0/YBNpryqcQbDK1OaWmCXRy/YXo90NcABz2fhDIZnBq7AWzZn4wyGDbcuwIGI2xIS0KZGjTYBIVsROcgDdgVnvrPk+sD91yx5FxzblYBNIVRixifTZ0wshE/zNHAqfN1YrCJj4Sunp4B9Ie+WuZVyKeRl/xiwKlSV7ZH/7vC/3ArVp3oIDIRoCy3TNyzYsGHBjfV7KFgIPgPLYokOLNw60yOyyEAs62Ub2BNT+EfG7MJ6ssg8aYs2ejZwJr78LWN28ym10yc10cYsC6zktNeLxGidn57ANZUU2Mmpiq3EaItfni41dFLgKOfVSWJ0guG3R9AYDKMUOM959YUJLVpMeMk4U5MWBsM8Ba5UbecDr0n8D61SYKQCTpSlba8oBcYq4Hdl8U76TQrcqYB1VXtKtfMFahrwCWDsDQxzQ+WoSyNvoOZc5JsWvsCVe+KfCpq66tzcvbTZukqAV6pzI/fibesuAd6pznXc25Ott6SyvilOWe0prwF/hWaaK8ZXqKe5RNl6YkiDBkOeFLNxWXNNtHGXSdBcOiMD3UU4q6GV+EPHMbyqveqnaljAhtMI3tcPM+cAp37jmq9LxXFNHkh9giZnIM0fuXVp4TByF7BUKGBtUsBiqIDVVwHLvULWlwUsaP/OCvq/3ur/AeAp7I8eHhQNAAAAAElFTkSuQmCC);
        vertical-align: bottom;
        margin-right: 5px;
        margin-left: 5px;
        width: 15px;
        height: 15px;
    }

.r {
    float: right;
}

.dx-rtl .r {
    float: left;
}

.txtr {
    text-align: right;
}

.dx-rtl .txtr {
    text-align: left;
}

.dx-content {
    /*padding: 10px;*/
    box-sizing: border-box;
}

.subtitle {
    text-align: center;
    padding: 10px 0;
}

.pad {
    padding: 10px;
}

.marginbottom {
    margin-bottom: 20px;
}

p {
    margin-bottom: 10px;
}

.sl-pre-title {
    font-size: 80%;
}

.sl-shifted {
    padding-left: 48px !important;
}

.btitle {
    padding: 5px;
    /*margin-bottom: 10px;*/
}

    .btitle .icon {
        display: inline-block;
        /*margin-top: 8px;*/
        background-size: 14px;
        float: right;
        padding: 0 4px;
    }

.dx-rtl .btitle .icon {
    float: left;
    border-left: 0;
}

.second {
    display: block;
    font-size: 90%;
}

.meter > div {
    /* position: relative; */
    width: 100%;
    /* height: 100%; */
    /* display: inline-block; */
    /* text-align: center; */
    position: relative;
}

.default.meter {
    /* position: relative; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 100%; */
}

.meter > div span.back:before {
    content: '\00a0';
}

.meter > div:after {
    content: '\00a0';
    clear: both;
}

.meter > div span.text {
    /* width: 100%; */
    /* right: 0px; */
    /* padding: 3px 0px; */
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    text-align: center;
    /* border: 1px solid white; */
    top: -6px;
    /* bottom: 0px; */
    /* line-height: normal; */
}

.cachFlowMapConteiner span.text {
    text-align: left !important;
    padding-left: 2px;
    line-height: 18px;
    font-size: 90%;
}

.dx-rtl .cachFlowMapConteiner span.text {
    text-align: right !important;
}

.dx-rtl .meter > div span.back {
    /* left: 0px; */
    /* height: 100%; */
    float: right;
}

.meter > div span.back {
    /* left: 0px; */
    width: 0px;
    float: left;
}

.thebadge {
    /* padding: 10px; */
    position: relative;
    box-sizing: border-box;
}

    .thebadge .tail {
        float: right;
        /* top: 10px; */
        /* right: 5px; */
    }

.dx-rtl .thebadge .tail {
    float: left;
    /* right: auto; */
    /* left: 5px; */
}

.trades-list .thebadge .tail {
    margin-right: 35px;
}

.dx-rtl .trades-list .thebadge .tail {
    margin-right: auto;
    margin-left: 35px;
}

.thebadge .tail .icon {
    vertical-align: middle;
    width: 12px;
    height: 20px;
}

.thebadge .icontail .dx-button-content {
    padding: 0 12px;
}

.depthbtn {
    padding-bottom: 0;
    padding-top: 0;
}

.buysellmenu {
    top: 10px;
}

.dx-rtl .buysellmenu {
    left: 10px;
    right: auto;
}

.buysellmenu {
    position: absolute;
    top: 0px;
    right: 10px;
}

    .buysellmenu .dx-icon-overflow,
    .thebadge .icontail .dx-icon-overflow {
        width: 4px;
    }

.thebadge.ctail:after {
    content: '';
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgOSAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+Cgk8bGluZSBzdHJva2Utd2lkdGg9IjEiIHgxPSIiIHkxPSIiIHgyPSIiIHkyPSIiIHN0cm9rZT0iIzQ0OUZEQiIgb3BhY2l0eT0iIj48L2xpbmU+CjwvZz4KCTxwYXRoIGQ9Ik0wLjE3NCAxOC40MjlxMC0wLjE3NCAwLjEzNC0wLjMwOGw1LjI2My01LjI2My01LjI2My01LjI2M3EtMC4xMzQtMC4xMzQtMC4xMzQtMC4zMDh0MC4xMzQtMC4zMDhsMC42Ny0wLjY3cTAuMTM0LTAuMTM0IDAuMzA4LTAuMTM0dDAuMzA4IDAuMTM0bDYuMjQxIDYuMjQxcTAuMTM0IDAuMTM0IDAuMTM0IDAuMzA4dC0wLjEzNCAwLjMwOGwtNi4yNDEgNi4yNDFxLTAuMTM0IDAuMTM0LTAuMzA4IDAuMTM0dC0wLjMwOC0wLjEzNGwtMC42Ny0wLjY3cS0wLjEzNC0wLjEzNC0wLjEzNC0wLjMwOHoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4KPC9zdmc+Cg==);
    position: absolute;
    top: 10px;
    right: 10px;
    width: 11px;
    /* clear: both; */
}

.thebadge.ctail.collapsed:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.thebadge.ctail.expanded:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dx-rtl .thebadge.ctail:after {
    right: auto;
    left: 10px;
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgOSAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+Cgk8bGluZSBzdHJva2Utd2lkdGg9IjEiIHgxPSIiIHkxPSIiIHgyPSIiIHkyPSIiIHN0cm9rZT0iIzQ0OUZEQiIgb3BhY2l0eT0iIj48L2xpbmU+CjwvZz4KCTxwYXRoIGQ9Ik0wLjYwMyAxMi44NTdxMC0wLjE3NCAwLjEzNC0wLjMwOGw2LjI0MS02LjI0MXEwLjEzNC0wLjEzNCAwLjMwOC0wLjEzNHQwLjMwOCAwLjEzNGwwLjY3IDAuNjdxMC4xMzQgMC4xMzQgMC4xMzQgMC4zMDh0LTAuMTM0IDAuMzA4bC01LjI2MyA1LjI2MyA1LjI2MyA1LjI2M3EwLjEzNCAwLjEzNCAwLjEzNCAwLjMwOHQtMC4xMzQgMC4zMDhsLTAuNjcgMC42N3EtMC4xMzQgMC4xMzQtMC4zMDggMC4xMzR0LTAuMzA4LTAuMTM0bC02LjI0MS02LjI0MXEtMC4xMzQtMC4xMzQtMC4xMzQtMC4zMDh6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPgo=);*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.thebadge.header {
    padding: 5px;
}

    .thebadge.header .tail {
        margin-top: 0;
        margin-right: 35px;
    }

.dx-rtl .thebadge.header .tail {
    margin-right: auto;
    margin-left: 35px;
}

.thebadge .etail {
    position: absolute;
    top: 10px;
    right: 45px;
}

.dx-rtl .thebadge .etail {
    right: auto;
    left: 45px;
}

.ticker-item .quotebadge {
    position: absolute;
    right: 10px;
    text-align: right;
}

.ticker-item .quotebadge {
    top: 3px;
}

.sl-view-head .quotebadge {
    /* top: 5px; */
    /* text-align: right; */
}

.dx-rtl .ticker-item .quotebadge,
.dx-rtl .sl-view-head .quotebadge {
    left: 10px;
    right: auto;
    text-align: left;
}

.quotebadge {
    width: 100%;
    text-align: center;
}

    .quotebadge .total {
        font-size: 180%;
        /* margin: 0 10px; */
        /* display: inline-block; */
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* max-width: 100%; */
    }

    .quotebadge .change {
        /* position: absolute; */
        /* top: -5px; */
    }

    .quotebadge .percent {
        position: relative;
        /* bottom: -5px; */
    }

.quotedetails {
    padding: 0 5px;
    margin-bottom: 10px;
}

    .quotedetails:after {
        content: '';
        display: block;
        clear: both;
    }

    .quotedetails h6 {
        margin-bottom: 10px;
    }

    .quotedetails dl {
        width: 30%;
        float: left;
        min-height: 30px;
    }

        .quotedetails dl dd {
            display: block;
            font-size: 110%;
        }

        .quotedetails dl dt {
            font-size: 80%;
            display: block;
        }

.dx-rtl .quotedetails dl {
    float: right;
}

.quotedetails dl.w {
    width: 40%;
}

.positionbadge {
    position: relative;
    text-align: center;
}

    .positionbadge .total {
        font-size: 360%;
        margin: 0 5px;
        display: inline-block;
    }

    .positionbadge.main .total {
        margin-bottom: 15px;
    }

    .positionbadge .change {
        position: absolute;
        top: 10px;
    }

.percent:after {
    content: '%';
}

.change:after {
    content: '';
}

.percent:after, .change:after {
    vertical-align: super;
    font-size: 80%;
    top: 0px;
    /* right: -5px; */
}

.indexbadge .total {
    font-size: 160%;
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 10px;
}

.dx-rtl .indexbadge .total {
    right: auto;
    left: 35px;
}

.indexbadge h5,
.indexbadge .second {
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}

.indexbadge .dx-list-item-content {
    position: relative;
}

.news-list .second {
    white-space: normal;
}

.alertbadge .tail {
    width: 200px;
    text-align: right;
    position: relative;
}

.dx-rtl.alertbadge .tail {
    text-align: left;
}

.alertbadge .delete.dx-button {
    margin-top: -10px;
}

.alertbadge h5.symbol {
    margin: 0px;
}

.alertbadge .symbol {
    display: inline-block;
    width: 110px;
}

.alertbadge .criteria {
    display: inline-block;
}

.alertbadge .date {
    position: absolute;
    left: 0px;
    top: 0px;
}

.dx-rtl .alertbadge .date {
    left: auto;
    right: 140px;
}

.alertbadge .status {
    position: absolute;
    left: 70px;
    top: 0px;
}

.dx-rtl .alertbadge .status {
    left: auto;
    right: 70px;
}

.markets .indexbadge .total {
    top: 10px;
}

.statebadge.header {
    font-size: 90%;
    padding: 10px;
}

    .statebadge.header .tail {
        top: 10px;
        width: 120px;
    }

.statebadge .remark {
    width: 18%;
}

.statebadge .value {
    width: 150px;
}

.statebadge .value,
.statebadge .remark,
.statebadge .extra {
    display: inline-block;
    font-size: 120%;
}

    .statebadge .extra .date,
    .statebadge .extra .d,
    .statebadge .extra .c,
    .statebadge .extra .type,
    .statebadge .extra .DocNo,
    .statebadge .extra .p,
    .statebadge .extra .q {
        width: 90px;
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }

.statebadge .value {
    font-size: 120%;
    display: block;
}

.statebadge .balance {
    font-size: 120%;
}

.statebadge .type {
    font-size: 80%;
}

/*.statebadge .remark {
    font-size: 100%;
}*/



.dx-rtl .statebadge .extra .date,
.dx-rtl .statebadge .extra .p,
.dx-rtl .statebadge .extra .q {
    padding-right: 0;
    padding-left: 5px;
}

.portbadge.header {
    /* font-size: 90%; */
    /* padding: 10px; */
    min-height: 40px;
}

.portbadge dl {
    width: 23%;
    float: left;
    /* min-height: 35px; */
    margin-bottom: 0;
}

.dx-rtl .portbadge dl {
    float: right;
}

.portbadge dl.symbol {
    width: 9%;
}

.portbadge dl.mvalue {
    width: 11%;
}

.portbadge dl.value {
    width: 10%;
}

.portbadge dl.closepr {
    width: 13%;
}

.portbadge dl.qty {
    width: 8%;
}

.portbadge dl.pl {
    width: 15%;
}

.portbadge dl.eqprice {
    width: 13%;
}

.portbadge dl.cost {
    width: 8%;
}

.portbadge dl.profit {
    width: 13%;
}

.portbadge .currency {
    font-size: 100%;
}

.orderbadge .tail,
.orderbadge .etail {
    text-align: right;
}

.dx-rtl .orderbadge .tail,
.dx-rtl .orderbadge .etail {
    text-align: left;
}

.orderbadge .status {
    font-size: 100%;
}

.orderbadge .op {
    /*font-size: 12px;
  text-transform: uppercase;*/
    display: inline-block;
    width: 65px;
}

.orderbadge .ex,
.orderbadge .account,
.orderbadge .re {
    display: block;
    font-size: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.orderbadge .account {
    width: 120px;
}

.smallbadge .orderbadge.header {
    display: none;
}

.smallbadge .orderbadge .id,
.smallbadge .orderbadge .val {
    display: none;
}

.totalsbadge {
    padding: 10px;
}

    .totalsbadge .sq,
    .totalsbadge .bq {
        font-weight: bold;
        display: inline-block;
        /* width: 48%; */
    }

.editbadge .tail {
    z-index: 1000;
    right: 0;
}

.dx-rtl .editbadge .tail {
    right: auto;
    left: 0;
}

.dx-rtl #alerts .editbadge .tail {
    right: auto;
    left: 36px;
}

#alerts .editbadge .tail {
    left: auto;
    right: 36px;
}

.editpane .don {
    display: inline-block;
}

.editpane .rem {
    display: none;
}

.editpane .addpane {
    padding: 10px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    display: none;
}

.editpane.edit .don {
    display: none;
}

.editpane.edit .rem,
.editpane.edit .addpane {
    display: inline-block;
}

.addpane {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.ingredients.pad.inline * {
    display: inline;
}

.ingredients.pad.inline dl > * {
    float: none;
}

.ingredients.pad.inline > * {
    margin: 5px;
}

.ingredients dl,
.symboldetails dl {
    margin-bottom: 20px;
}

.ingredients dt,
.symboldetails dt {
    float: left;
    margin-top: 5px;
    padding-top: 5px;
    display: inline-block;
    white-space: nowrap; /*OH:Suggested by amal to fix account summary issue in arabic view*/
    /* font-weight: normal; */
    /* font-size: 12px; */
}

.dx-rtl .ingredients dt,
.dx-rtl .symboldetails dt {
    float: right;
}

.ingredients dd,
.symboldetails dd {
    min-height: 20px;
    text-align: right;
    margin-top: 5px;
    padding-right: 20px;
    padding-top: 5px;
    font-size: 115%;
    font-weight: 900;
    /* font-size: 20px; */
    /* display: inline-block; */
}

.dx-rtl .ingredients dd,
.dx-rtl .symboldetails dd {
    text-align: left;
}

.ingredients.small dt,
.ingredients.small dd,
.symboldetails.small dt,
.symboldetails.small dd {
    font-size: 110%;
}

.symboldetails {
    position: relative;
    margin-top: 10px;
    /*box-shadow: inset 0 0 10px 10px rgba(1, 1, 1, 0.8);*/
}

    .symboldetails dl {
        margin-bottom: 0;
    }

    .symboldetails h6 {
        font-size: 110%;
        width: 50%;
        margin-bottom: 10px;
    }

    .symboldetails .cols .col {
        width: 49%;
        margin: 0 !important;
    }

.dx-rtl .ticker-info dl.numdisplay dd.h,
.dx-rtl .expands .h {
    text-align: left;
}

.ticker-info dl.numdisplay dd.h,
.expands .h {
    padding: 10px 0;
    font-size: 100%;
    text-align: right;
    cursor: pointer;
}
/* following will eventually replace ingredients*/
.bingredients dt {
    display: block;
    font-size: 110%;
}

.bingredients dd {
    min-height: 20px;
    font-weight: bold;
    font-size: 145%;
    margin-bottom: 10px;
}

dl.numdisplay {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

    dl.numdisplay dt {
        /* font-size: initial; */
        font-size: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    dl.numdisplay dd {
        font-size: 200%;
    }

dl.linedisplay {
    display: inline-block;
    width: 49%;
    font-size: 110%;
    /*text-align: center;*/
    box-sizing: border-box;
}

    dl.linedisplay dt {
        display: inline;
    }

    dl.linedisplay dd {
        display: inline;
    }

.marketsummary {
    position: relative;
    /* margin: 0 10px 20px 10px; */
}

    .marketsummary .group {
        text-align: center;
    }

        .marketsummary .group dl.numdisplay {
            padding: 0;
        }

    .marketsummary .sgroup {
        text-align: center;
        margin: 20px 0;
    }

        .marketsummary .sgroup dl.linedisplay dd {
            font-size: 130%;
            font-weight: bold;
        }

.dx-rtl .marketsummary .group dl.numdisplay:last-child {
    border-left: 0;
}

.smallchart {
    text-align: center;
}

    .smallchart img {
        width: 100%;
    }

.accounts .thebadge {
    padding: 15px 20px 15px 20px;
}

.charttabs {
    /* margin-bottom: 10px; */
}

    .charttabs li {
        /* display: inline-block; */
        padding: 5px;
        /* border-bottom: 1px solid #666; */
        cursor: pointer;
    }

.chart {
    /* margin-top: 10px; */
    text-align: center;
}

    .chart img {
        width: 100%;
    }

.a {
    cursor: pointer;
}

.watchbtn {
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTkuMjk3IDlsMi43MDMtOC4zMiAyLjcwMyA4LjMyaDguNzVsLTcuMDc4IDQuOTE0IDIuNzAzIDguMTcyLTcuMDc4LTUuMTgtNy4wNzggNS4xNDEgMi43MDMtOC4xMzMtNy4wNzgtNC45MTRoOC43NXpNMTMuMjUgMTFsLTEuMjUtMy45NzctMS4yNSAzLjk3N2gtMy44ODNsMy4xMjUgMi4wNzAtMS4yMjcgMy42OTUgMy4yNDItMi4zNDQgMy4yMjcgMi4zNjctMS4yMjctMy42OTUgMy4xMTctMi4wOTRoLTMuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgo8L3N2Zz4=);
    background-size: 14px;
    display: inline-block;
}

.buybtn {
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTkuMjk3IDlsMi43MDMtOC4zMiAyLjcwMyA4LjMyaDguNzVsLTcuMDc4IDQuOTE0IDIuNzAzIDguMTcyLTcuMDc4LTUuMTgtNy4wNzggNS4xNDEgMi43MDMtOC4xMzMtNy4wNzgtNC45MTRoOC43NXpNMTMuMjUgMTFsLTEuMjUtMy45NzctMS4yNSAzLjk3N2gtMy44ODNsMy4xMjUgMi4wNzAtMS4yMjcgMy42OTUgMy4yNDItMi4zNDQgMy4yMjcgMi4zNjctMS4yMjctMy42OTUgMy4xMTctMi4wOTRoLTMuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgo8L3N2Zz4=);
    width: 40px;
    height: 40px;
    background-size: 20px;
    display: inline-block;
}

.closebtn {
    position: absolute;
    right: 10px;
    z-index: 100;
    top: 10px;
}

.dx-rtl .closebtn {
    left: 10px;
    right: auto;
}

.searchbtn {
    display: block;
    text-align: right;
    padding: 10px;
}

.dx-rtl .searchbtn {
    text-align: left;
}

.btncontain {
    padding: 10px;
    text-align: right;
}

.dx-rtl .btncontain {
    text-align: left;
}

.dx-nav-item-content .addsymbolbtn {
    margin: 10px auto !important;
    display: block;
    width: 140px;
}

.rowlist .thebadge {
    padding-top: 10px;
    /* min-height: 100px; */
    /* height: auto; */
}

#gridContainer {
    height: auto;
    width: 100%;
}

.dx-checkbox {
    position: static !important;
}

.sl-view-accountsummary .account .cols .col {
    width: 100%;
    padding: 0px;
    max-width: 400px;
}

.account .cols .col {
    width: 24%;
    padding-right: 0px;
    margin-bottom: 0px;
    font-size: 12px;
}

.marketsummary .cols .col {
}

.dx-rtl .marketwatch .cols .col.depth {
    left: 5px;
    right: auto;
}

.marketwatch .cols .col.depth {
    width: 340px;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
}

.dx-rtl .marketwatch .cols .col.info {
    padding-left: 335px;
    padding-right: initial;
}

.marketwatch .cols .col.info {
    padding-right: 335px;
    height: 236px;
}

.marketwatch .cols .col.info {
    min-width: 655px;
}

.marketsummary .cols .col.info {
    width: 62%;
}

.marketsummary .cols .col.other {
    width: 38%;
}

.cols .col {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    margin-bottom: 10px;
}

.multicol.trades .maincol,
.multicol.orders .maincol {
    right: 0px;
}

.dx-rtl.multicol.trades .maincol,
.dx-rtl.multicol.orders .maincol {
    right: auto;
    left: 0px;
}
/*.multicol.marketwatch .maincol,*/
.multicol {
    position: relative;
    width: 100%;
    height: 100%;
}

    .multicol:after {
        content: '\00a0';
        clear: both;
    }

    .multicol .sidecol {
        /*display: none;*/
        position: absolute;
        height: 100%;
        z-index: 1;
    }

.dx-multiview-item
/*.dx-multiview-item > .dx-view-placeholder,
.dx-multiview-item > .dx-view-placeholder > .dx-view*/ {
    height: 100%;
}

.multicol .sidecol .title {
    padding: 8px 10px;
}

.multicol .maincol {
    position: absolute;
    /*left: 25%;
  height: 100%;*/
    width: 100%;
    height: 100%;
}

.profilebadge {
    margin-bottom: 9px;
}


.loginscreen {
    position: fixed;
    padding: 0px;
    background-size: 100% 100%;
    background: url(../images/bg.jpg) no-repeat center top;
    color: black;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

    .loginscreen h4 {
        text-align: center;
        padding: 20px 0;
    }

    .loginscreen .dx-texteditor {
        border: 0;
        margin: 0;
    }

    .loginscreen .dx-texteditor-input,
    .loginscreen .dx-placeholder:before {
        padding: 10px 5px;
    }

    .loginscreen .uname .dx-texteditor-input {
        border-radius: 5px 5px 0 0;
    }

    .loginscreen .pword .dx-texteditor-input {
        border-radius: 0 0 5px 5px;
    }

    .loginscreen .login-buttons {
        margin: 10px 0;
        text-align: center;
    }

    .loginscreen .dx-button {
        display: block;
        padding: 10px;
        border-radius: 5px;
        margin: 5px;
    }

    .loginscreen .logolarge {
        text-align: center;
    }

    .loginscreen .dx-button-text {
        text-transform: uppercase;
    }

    .loginscreen .chkcontainer {
        padding: 10px;
    }

    .loginscreen .outer {
        width: 100%;
        margin: auto;
        position: absolute;
        /* bottom: 10px; */
        /* padding-top: 50px; */
        /* height: 100%; */
        top: 50%;
        /* border: 10px solid red; */
    }

    .loginscreen .inner {
        margin: auto;
        padding: 20px;
        width: 400px;
        /* margin-top: -50%; */
        background: rgba(82, 82, 82, 0.25);
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.49);
        margin-top: -15%;
        /* top: 50%; */
        position: relative;
    }


/* news shared */
.sl-search-popup .dx-field-label {
    width: 25%;
}

.sl-search-popup .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 75%;
}

.dx-rtl .dx-radio-value-container, .dx-rtl.dx-radio-value-container {
    padding-right: 0px;
}

.dx-rtl .dx-checkbox-container {
    padding-right: 0;
    padding-left: 10px;
}

.dx-checkbox-container {
    padding-right: 10px;
}

.indexbadge .symbol {
    display: inline-block;
    width: 70px;
}

.indexbadge .description {
    display: block;
    font-size: 80%;
}

    .indexbadge .description.pop {
        margin-top: -15px;
    }

.indexbadge.wide > span {
    vertical-align: top;
    padding-left: 10px;
    box-sizing: border-box;
    min-height: 40px;
}

.dx-rtl.indexbadge.wide > span {
    padding-left: 0;
    border-left: 0;
    padding-right: 10px;
}

.indexbadge.wide > span.description,
.indexbadge.wide > span.last,
.indexbadge.wide > span.change {
    min-height: inherit;
    border: 0;
    padding: 0;
}

.indexbadge .last {
    display: inline-block;
    width: 60px;
}

.indexbadge .prvVal {
    display: inline-block;
    width: 70px;
}

.indexbadge .trades {
    display: inline-block;
    width: 60px;
}

.indexbadge .change {
    display: inline-block;
    width: 100px;
}

.indexbadge .bid {
    display: inline-block;
    width: 70px;
}

.indexbadge .offer {
    display: inline-block;
    width: 70px;
}

.indexbadge .q {
    display: block;
}

.indexbadge .bo {
    display: inline-block;
    width: 85px;
}

.indexbadge .vol {
    display: inline-block;
    width: 70px;
}

.indexbadge .turn {
    display: inline-block;
    width: 90px;
}

.indexbadge .lindex {
    display: inline-block;
    width: 70px;
}

.indexbadge .hindex {
    display: inline-block;
    width: 70px;
}

.indexbadge .tail {
    top: 0;
}

.indices-list .thebadge.header {
    min-width: 800px;
}

.positionbadge {
    position: absolute;
    top: -5px;
    right: 10px;
}

.dx-rtl.positionbadge {
    right: auto;
    left: 5px;
}

.positionbadge .total {
    font-size: 245%;
    margin-top: 6px;
    vertical-align: -1px;
}

.positionbadge .change {
    position: static;
    margin: 0 10px;
    padding: 0 10px;
    border-width: 0 1px;
}

.marketsummary .group,
.marketwatch .group {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
}

    .marketsummary .group.g1 {
        width: 28%;
        padding: 0px 12px;
    }

.dx-rtl .marketsummary .group.g1 dl.numdisplay {
    float: right;
}

.marketsummary .group.g1 dl.numdisplay {
    width: 110px;
}

.marketsummary {
    border: 1px solid;
    padding: 2px;
    margin: 5px;
}

    .marketsummary .group.g2 {
        width: 33%;
    }

        .marketsummary .group.g2 dl.numdisplay {
            width: 28%;
        }

            .marketsummary .group.g2 dl.numdisplay.w {
                width: 100%;
            }

    .marketsummary .group.g3 {
        width: 32%;
    }

    .marketsummary .group dl.numdisplay,
    .marketwatch .group dl.numdisplay {
        padding: 0;
    }

        .marketsummary .group dl.numdisplay:last-child {
            border-left: 0;
            border-right: 0;
        }

.dx-rtl.marketsummary .group,
.dx-rtl.marketwatch .group {
    text-align: right;
}

.marketlist .positionbadge {
    position: static;
    text-align: inherit;
    margin: 5px 0;
}

    .marketlist .positionbadge .total {
        font-size: 125%;
        margin: 0;
    }

.trading-details {
    padding: 5px;
}

.trading-title > span {
    font-size: 145%;
    font-weight: bold;
}

.trading-title {
    margin: 5px 0;
}

.trades-expandedrow dl.numdisplay,
.orders-expandedrow dl.numdisplay {
    width: 60px;
    /* border: 1px solid red; */
    /*margin: 2px 2px;*/
}

    .trades-expandedrow dl.numdisplay.w,
    .orders-expandedrow dl.numdisplay.w {
        width: 90px;
    }

    .trades-expandedrow dl.numdisplay.w2,
    .orders-expandedrow dl.numdisplay.w2 {
        width: 130px;
    }

    .trades-expandedrow dl.numdisplay.w3,
    .orders-expandedrow dl.numdisplay.w3 {
        width: 205px;
    }

    .trades-expandedrow dl.numdisplay.w4,
    .orders-expandedrow dl.numdisplay.w4 {
        width: 270px;
    }

.tickerquotes-view dl.numdisplay {
    /* min-width: 75px; */
    /* margin: 2px 0px 2px 5px; */
    /* width: 23%; */
}

.marketsummary dl.numdisplay.s {
    min-width: 64px;
    /* margin: 2px; */
    width: 26%;
    /* border: 1px solid; */
}

.trading-details dl.numdisplay {
    width: 25%;
    margin: 0;
}

.marketsummary dl.numdisplay {
    min-width: 80px;
    margin: 2px 2px 0 0;
    width: 35%;
}

.marketsMarquee dl.numdisplay.w {
    width: 125px;
}

.marketsMarquee dl.numdisplay.n {
    width: 50px;
}

.dx-rtl .marketsMarquee dl.numdisplay {
    margin: 0;
    margin-right: 5px;
}

.marketsMarquee dl.numdisplay {
    margin: 0;
    margin-left: 5px;
}

    .marketsMarquee dl.numdisplay dd,
    .marketsMarquee dl.numdisplay dt {
        font-size: 100%;
    }

.dx-rtl .marketsMarquee dl.numdisplay dd,
.dx-rtl .marketsMarquee dl.numdisplay dt {
    font-size: 100%;
}

dl.numdisplay {
    text-align: left;
    width: 85px;
    margin: 2px 5px;
    vertical-align: bottom;
    overflow: hidden;
    /* margin: 0px; */
}

    dl.numdisplay.w {
        width: 126px;
    }

    dl.numdisplay.w2 {
        width: 184px;
    }

    dl.numdisplay dd.meter {
        width: 90%;
    }

    dl.numdisplay dd {
        font-size: 125%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.dx-rtl dl.numdisplay {
    text-align: right;
}

.newscol .sidecol {
    float: left;
    width: 23%;
    box-sizing: border-box;
    min-height: 660px;
}

    .newscol .sidecol .title {
        padding: 10px;
    }

.newscol .maincol {
    position: absolute;
    left: 25%;
    height: 100%;
    width: 75%;
}
/*.largebadge .orderbadge {
  min-height: 48px;
}*/
.largebadge .orderbadge .id {
    display: inline-block;
    width: 70px;
    /* vertical-align: top; */
}

.largebadge .orderbadge .symbol {
    display: inline-block;
    width: 110px;
}

.largebadge .orderbadge:not(.header) .symbol {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    margin: 0px;
    /* margin-bottom: 5px; */
}

.largebadge .orderbadge .q {
    display: inline-block;
    width: 70px;
}
/*.orderbadge .tail {
  width: 200px;
}*/
.largebadge .orderbadge .price {
    display: inline-block;
    width: 70px;
}

.largebadge .orderbadge .account {
    font-size: 100%;
    width: 200px;
    /*padding-top: 5px;*/
}

.dx-rtl .largebadge .orderbadge .account {
    left: auto;
    right: 0;
    text-align: right;
}

.largebadge .orderbadge .status {
    font-size: 100%;
}

.largebadge .orderbadge .val {
    display: inline-block;
    width: 150px;
}

.smallbadge .orderbadge .ex,
.smallbadge .orderbadge .re {
    width: 310px;
}

.largebadge .orderbadge .ex,
.largebadge .orderbadge .re {
    font-size: 100%;
    width: 350px;
}

.dx-rtl .largebadge .orderbadge .ex,
.dx-rtl .largebadge .orderbadge .re {
    text-align: left;
}

.largebadge .orderbadge.header .ac {
    /* position: absolute; */
    /* top: 0; */
    /* right: 50px; */
    margin-right: 15px;
}

.dx-rtl .largebadge .orderbadge.header .ac {
    margin-left: 15px;
    margin-right: auto;
}

.narrow {
    width: 90%;
    margin: 0 auto;
}

.osearchcol .col {
    display: inline-block;
    width: 47%;
    margin-right: 5px;
    vertical-align: top;
}

    .osearchcol .col:last-child {
        margin-right: 0;
    }

.dx-rtl .osearchcol .col {
    margin-right: 0;
    margin-left: 5px;
}

.pordercol .col {
    /*display: inline-block;
  width: 47%;*/
    margin-right: 5px;
    vertical-align: top;
}

    .pordercol .col:last-child {
        margin-right: 0;
    }

.dx-rtl .pordercol .col {
    margin-right: 0;
    margin-left: 5px;
}

/*.pordercol .col {
    /*width: 40%;
  margin-right: 50px;*/
}

*/ .dx-rtl.pordercol .col {
    margin-right: 0;
    margin-left: 5px;
}

.dx-toolbar-label {
    padding-top: 0;
    font-size: 135%;
}

.multicol .maincol .btitle {
    /* margin-left: -9px; */
    /* padding-left: 10px; */
    height: 32px;
}

.btitle.a {
    border: 0;
}

.btitle .icon {
    padding: 7px 5px;
}

.dx-rtl .totalsbadge .sq,
.dx-rtl .totalsbadge .bq {
    margin-left: 10px;
    margin-right: auto;
}

.totalsbadge .sq,
.totalsbadge .bq {
    /* display: inline-block; */
    margin-top: 10px;
    margin-right: 10px;
}

.dx-rtl.multicol .sidecol,
.dx-rtl.newscol .sidecol,
.dx-rtl.osearchcol .sidecol {
    float: right;
}

.dx-rtl.multicol .maincol,
.dx-rtl.newscol .maincol,
.dx-rtl.osearchcol .maincol {
    right: 25%;
    left: auto;
}

    .dx-rtl.multicol .maincol .btitle,
    .dx-rtl.newscol .maincol .btitle,
    .dx-rtl.osearchcol .maincol .btitle {
        margin-left: 0;
        margin-right: -9px;
        padding-left: 0;
        padding-right: 10px;
    }

.dx-rtl.totalsbadge .sq,
.dx-rtl.totalsbadge .bq {
    text-align: left;
}

.dx-rtl.osearchcol .maincol {
    right: 45%;
}


/*.qcontent {
  box-shadow: inset 0 -28px 35px -15px #000000, inset 0 28px 35px -19px #000000;
}*/
.qcontent .g1 {
    display: inline-block;
    width: 30%;
    padding: 10px;
    vertical-align: top;
    white-space: normal;
}

.qcontent .g2 {
    display: inline-block;
    width: 32%;
    padding: 10px;
    vertical-align: top;
}

.qcontent .g3 {
    display: inline-block;
    width: 30%;
    padding: 10px;
    vertical-align: top;
}

.qcontent .dlnk {
    position: relative;
    padding: 5px;
}

    .qcontent .dlnk:after {
        content: '';
        display: inline-block;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        /*width: 28px;
        height: 28px;*/
        position: absolute;
        right: 5px;
        top: 5px;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgOSAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+Cgk8bGluZSBzdHJva2Utd2lkdGg9IjEiIHgxPSIiIHkxPSIiIHgyPSIiIHkyPSIiIHN0cm9rZT0iIzQ0OUZEQiIgb3BhY2l0eT0iIj48L2xpbmU+CjwvZz4KCTxwYXRoIGQ9Ik0wLjE3NCAxOC40MjlxMC0wLjE3NCAwLjEzNC0wLjMwOGw1LjI2My01LjI2My01LjI2My01LjI2M3EtMC4xMzQtMC4xMzQtMC4xMzQtMC4zMDh0MC4xMzQtMC4zMDhsMC42Ny0wLjY3cTAuMTM0LTAuMTM0IDAuMzA4LTAuMTM0dDAuMzA4IDAuMTM0bDYuMjQxIDYuMjQxcTAuMTM0IDAuMTM0IDAuMTM0IDAuMzA4dC0wLjEzNCAwLjMwOGwtNi4yNDEgNi4yNDFxLTAuMTM0IDAuMTM0LTAuMzA4IDAuMTM0dC0wLjMwOC0wLjEzNGwtMC42Ny0wLjY3cS0wLjEzNC0wLjEzNC0wLjEzNC0wLjMwOHoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4KPC9zdmc+Cg==);
        width: 11px;
        height: 17px;
    }

.dx-rtl .qcontent .dlnk:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgOSAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+Cgk8bGluZSBzdHJva2Utd2lkdGg9IjEiIHgxPSIiIHkxPSIiIHgyPSIiIHkyPSIiIHN0cm9rZT0iIzQ0OUZEQiIgb3BhY2l0eT0iIj48L2xpbmU+CjwvZz4KCTxwYXRoIGQ9Ik0wLjYwMyAxMi44NTdxMC0wLjE3NCAwLjEzNC0wLjMwOGw2LjI0MS02LjI0MXEwLjEzNC0wLjEzNCAwLjMwOC0wLjEzNHQwLjMwOCAwLjEzNGwwLjY3IDAuNjdxMC4xMzQgMC4xMzQgMC4xMzQgMC4zMDh0LTAuMTM0IDAuMzA4bC01LjI2MyA1LjI2MyA1LjI2MyA1LjI2M3EwLjEzNCAwLjEzNCAwLjEzNCAwLjMwOHQtMC4xMzQgMC4zMDhsLTAuNjcgMC42N3EtMC4xMzQgMC4xMzQtMC4zMDggMC4xMzR0LTAuMzA4LTAuMTM0bC02LjI0MS02LjI0MXEtMC4xMzQtMC4xMzQtMC4xMzQtMC4zMDh6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+Cjwvc3ZnPgo=);
    right: auto;
    left: 5px;
}

.orderpl {
    top: -10px;
}

.orderdir {
    width: 100%;
    height: 10px;
}


.dx-field-label-calc {
    float: left;
    width: 48%;
}

.dx-field-value-calc {
    float: right;
    width: 48%;
}

.dx-control-value-calc {
    width: 100%;
    margin: 1px;
}

.dx-rtl .news-list .thebadge .tail {
    left: 5px;
    right: auto;
}

.news-list .thebadge .tail, .notifications .thebadge .tail {
    position: absolute;
    top: 10px;
    right: 5px;
}

.market-item dl.numdisplay {
    margin: 1px 2px;
    width: 95px;
}

.ticker-info {
    /* font-size: 0; */
}

.alert-edit .ticker-info dl.numdisplay {
    width: 24%;
}

.ticker-info dl.numdisplay {
    margin: 0;
    padding: 0 1px;
    width: 25%;
    /* font-size: 90%; */
}

    .ticker-info dl.numdisplay dt {
        font-size: 90%;
        font-weight: normal;
    }

    .ticker-info dl.numdisplay dd {
        font-size: 110%;
        font-weight: normal;
    }

.marketsummary .cols {
    padding-top: 5px;
}

html,
body,
.dx-viewport {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

body,
.dx-theme-generic-typography,
.dx-widget,
.font-zero > * {
    font-size: 11px;
    /*font-family: 'Lato', 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
}

html {
    /* overflow-y: hidden;*/
    overflow: hidden;
}


.newsTitle,
.notifications .thebadge h5 {
    width: 200px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.hidden {
    display: none;
}

.dx-viewport {
    /* padding-top: 52px; */
    /* position: absolute; */
    /* background: none; */
}

.sl-app-workspaces .layout-content {
    /* display: block; */
    /* height: 100%; */
    width: 2000px;
    /* overflow: auto; */
}

    .sl-app-workspaces .layout-content.ready {
        display: inline-block;
        width: auto;
    }


.app-footer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    z-index: 1000;
    /*background-image: url('images/tickers.png');
    background-repeat: repeat-x;*/
}

.sl-app-header {
    display: none;
    /*position: fixed;
    top: 0px;*/
    width: 100%;
    height: 52px;
    /* z-index: 1000; */
}

.sl-app-header-menu {
    /* display: none; */
    /* position: fixed; */
    /* top: 0px; */
    width: 100%;
    /* height: 52px; */
    /* z-index: 2000; */
}

.newsMarquee .marqueeItem.highlight {
    font-size: 125%;
}

.sl-app-menu i.dx-icon {
    font-size: 125%;
}

.dx-rtl .notifications-count {
    right: auto;
    left: 6px;
}

.notifications-count {
    text-align: center;
    position: absolute;
    top: 2px;
    right: 6px;
    width: 18px;
    height: 18px;
    line-height: 19px;
    border-radius: 50px;
    font-size: 110%;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > h4.dx-icon {
    background-size: 35px;
    background-position: 10px 5px !important;
}

.sl-toolbar {
    /* position: relative; */
    /* min-height: 28px; */
    /* line-height: 28px; */
    /* vertical-align: middle; */
    /* padding: 0; */
    /* width: 100%; */
    /* border: 1px solid; */
}

.profiles-toolbar {
    /* position: relative; */
    /* min-height: 28px; */
    line-height: 28px;
    vertical-align: middle;
    /* padding: 0; */
    /* width: 100%; */
    /* border: 1px solid; */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/*.mw-toolbar > div {
  display: inline-block;
}*/
.sl-toolbar > div {
    position: relative;
    display: block;
}

.dx-rtl .sl-toolbar > div.near {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.sl-toolbar > .titlebadge > span {
    /* display: inline; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    margin-right: 5px;
    height: 100%;
    /* white-space: nowrap; */
}

.sl-toolbar > div.near {
    /* left: 0px; */
    /* margin-right: 5px; */
    /* float: left; */
}

.dx-rtl .sl-toolbar > div.far {
    float: left;
    margin-left: auto;
    margin-right: 5px;
}

.sl-view-custom-head div.fixed-width {
    -webkit-flex: none; /* Chrome */
    -ms-flex: none; /* IE 10 */
    flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.marketwatch .dx-data-row td.highlight {
    border-top: 0 !important;
}

.marketwatch .dx-data-row td.bid {
    border-top: 0 !important;
}

.marketwatch .dx-data-row td.offer {
    border-top: 0 !important;
}

.marketwatch .dx-data-row:not(.light) > td:not(.light) {
    -webkit-transition: background-color 1.5s ease-out;
    -moz-transition: background-color 1.5s ease-out;
    -o-transition: background-color 1.5s ease-out;
    transition: background-color 1.5s ease-out;
}

.marketwatch td.lasttrades-chart {
    vertical-align: middle !important;
}


.dx-datagrid .dx-data-row td.arrow span.arrow:before {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 0;
    top: 5px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}

.dx-datagrid .dx-data-row td.arrow span.arrow {
    display: inline-block;
    position: relative;
    width: 100%;
}

.dx-datagrid .dx-data-row td.arrow.up span.arrow:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADKSURBVHjaYtTaLs1ABEiG0nPRJa56PEHhsxBhmCUQT4OyrwHxcXyKmQgYJgHE64CYDYrXQcXIMhCbAcgWkGzgNKh38QUB0QamIUUErkhKI9ZAGyCeTERkTYaqxWsgKA2txhdG6GGsvUNGGpeBRMUiGhCFGsqGzUBQQJsxkA5AemaiG5hDIBIIgQSgK0FmMDACs549kN5FZLjhA7+A2A2U9YSAOBeLAk4gnoBDczoOcSFGPIUDPxB/wCHHiKtwYGKgMhg1cBAaCBBgAJTUIL3ToPZfAAAAAElFTkSuQmCC');
}

.dx-datagrid .dx-data-row td.arrow.down span.arrow:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADJSURBVHjaYvzPgBfgkhYA4o8QFahKmBioDEYNHIQGsgBxIBCLkqgvAYi/g1mMjMjir0EJzR6If/6HpChKMMgMe3DKBeIcKhiY8x/MYoDj+RQYNgdkGLqBbEB8kgzDToL1YjEQhKWB+BUJhj0H64Eahs1AELYhMpJ+gtUiGYbLQBBOI8LANLBaIg1kAAc0vkiAqSPBQFAkHcNi2DGoHMkGgrAENOCRI0ECRQ2JBoKwJTQCfkLZDPgMZPxPXN5NhtJzMSsJVBMAAgwAyWSY2svfmrwAAAAASUVORK5CYII=');
}

.dx-popup-title .dx-closebutton, .dx-popup-title .dx-closebutton.dx-state-hover, .dx-popup-title .dx-closebutton.dx-state-active, .dx-popup-title .dx-closebutton.dx-state-focused,
.sl-view-head .dx-button-has-text, .sl-view-head .dx-button-has-text.dx-state-hover, .sl-view-head .dx-button-has-text.dx-state-active, .sl-view-head .dx-button-has-text.dx-state-focused,
.dx-button, .dx-button.dx-state-hover, .dx-button.dx-state-active, .dx-button.dx-state-focused,
.dx-tab.dx-state-focused:after {
    border-radius: 0;
    border-width: 0;
    background-color: transparent;
    box-shadow: none;
}

.dx-button-has-text, .dx-button-has-text.dx-state-hover, .dx-button-has-text.dx-state-active, .dx-button-has-text.dx-state-focused {
    border-width: 1px;
}

.dx-button.clear-btn, .dx-button.clear-btn.dx-state-hover, .dx-button.clear-btn.dx-state-active, .dx-button.clear-btn.dx-state-focused {
    border: 0;
    background: none;
    box-shadow: none;
}

.quick-order {
    min-width: 300px;
    /*position: absolute;
    right: 0px;
    left:auto;
    top: 100px;
    border: 1px solid #666;
    border-right: 0px;*/
}

.LeftTop {
    /*width: 50px;*/
    /*margin-top: 10px;*/
    /*float: left;*/
    top: 60px;
    position: absolute;
    left: 8px;
}

.RightTop {
    /*width: 50px;
    margin-top: 30px;
    margin-right: 25px;
    float: right;*/
    top: 60px;
    position: absolute;
    right: 8px;
}

.dx-rtl .quick-order-button {
    /*width: 50px;
    padding-top: 10px;
    position: absolute;*/
    right: 35px;
    left: auto;
}

.quick-order-button {
    /*width: 50px;
    padding-top: 10px;
    position: absolute;*/
    bottom: 35px;
    position: absolute;
    z-index: 1000;
    right: 35px;
}

.round-button-circle a.dx-state-hover,
.round-button-circle a.dx-state-focused,
.round-button-circle a {
    outline: 0;
    width: 53px;
    height: 0;
    padding-bottom: 52px;
    border-radius: 40px;
    overflow: hidden;
    background-image: url('../images/quickorder.png');
    -webkit-box-shadow: -1px 6px 22px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 22px -2px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 22px -2px rgba(0,0,0,0.75);
}

}

.dx-popup-content {
    padding: 1px;
}


/*.market-status{
    font-size: 70%;
}

#mega-menu-wrap-primary #mega-menu-primary div.market-info {
    font-size: 11px;
}

.market-info .dx-filed-label {
    margin-left: 10px;
}

.market-item > b
{
    font-size: 130%;
}*/

.orders-datagrid .dx-datagrid-summary-item.dx-datagrid-text-content {
    white-space: nowrap;
    width: 200px;
}

.dx-datagrid .dx-header-row .dx-datagrid-text-content {
    font-weight: bolder;
}

td.indicators > span:not(.dx-datagrid-search-text ):not(.PortfolioSym) {
    display: none;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    float: right;
    top: 2px;
    position: relative;
}

td.indicators.has-portfolio > span.portfolio-indicator {
    display: inline-block;
}

td.indicators.has-suspend > span.suspend-indicator {
    display: inline-block;
    color: red;
}

td.indicators.has-news > span.news-indicator {
    display: inline-block;
}

.marketsMarquee .marquee {
    width: 100%;
}

.indicesMarquee .marquee {
    width: 100%;
}

.marquee > div {
    /* display: inline-block; */
}

.marquee {
    /*width:500px;*/
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width:97%; */
}

.dx-rtl .marquee.active {
    /* animation: none; */
    transform: translate(920px,0);
}

.debug .marquee.active {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.marquee.active {
    width: auto;
    /*animation-play-state: paused;*/
    /* animation-duration: 10s; */
    /* transform: translate(-184.4px,0); */
}

    .marquee.active:hover {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        animation-play-state: paused;
    }

/* Make it move */
/*
@-webkit-keyframes rtl-tickers-marquee {
    0% {
        -webkit-transform: translate(-1235px, 0);
        -moz-transform: translate(-1235px, 0);
        -o-transform: translate(-1235px, 0);
        -ms-transform: translate(-1235px, 0);
        transform: translate(-1235px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes tickers-marquee {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@-moz-keyframes rtl-tickers-marquee {
    0% {
        -webkit-transform: translate(-1235px, 0);
        -moz-transform: translate(-1235px, 0);
        -o-transform: translate(-1235px, 0);
        -ms-transform: translate(-1235px, 0);
        transform: translate(-1235px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-moz-keyframes tickers-marquee {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@-o-keyframes rtl-tickers-marquee {
    0% {
        -webkit-transform: translate(-1235px, 0);
        -moz-transform: translate(-1235px, 0);
        -o-transform: translate(-1235px, 0);
        -ms-transform: translate(-1235px, 0);
        transform: translate(-1235px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-o-keyframes tickers-marquee {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@-ms-keyframes rtl-tickers-marquee {
    0% {
        -webkit-transform: translate(-1235px, 0);
        -moz-transform: translate(-1235px, 0);
        -o-transform: translate(-1235px, 0);
        -ms-transform: translate(-1235px, 0);
        transform: translate(-1235px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-ms-keyframes tickers-marquee {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@keyframes rtl-tickers-marquee {
    0% {
        -webkit-transform: translate(-1235px, 0);
        -moz-transform: translate(-1235px, 0);
        -o-transform: translate(-1235px, 0);
        -ms-transform: translate(-1235px, 0);
        transform: translate(-1235px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes tickers-marquee {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}
*/

.font-zero {
    font-size: 0 !important;
}

.marketsMarquee .marquee > div.marqueeItem {
    /* display: block; */
    height: 32px;
    /* box-shadow: none; */
    /* position: relative; */
    padding: 0px;
    /* border-bottom: 1px solid red; */
    padding-left: 10px;
    /* width: 500px; */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.indicesMarquee .marquee > div.marqueeItem {
    /* display: block; */
    height: 40px;
    /* box-shadow: none; */
    /* position: relative; */
    padding: 0px;
    /* border-bottom: 1px solid red; */
    padding-left: 10px;
    /* width: 500px; */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.workSpaceMarquee .marquee > div.marqueeItem {
    height: 22px;
    border-bottom: 2px solid red;
    padding: -9px 0px;
    line-height: 58px;
    margin: 1px 1px;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-inline-block;
    display: inline-block;
    -webkit-box-shadow: inset 0px 0px 2px #0170b0;
    box-shadow: inset 0px 0px 2px #0170b0;
}

.workSpaceMarquee .marqueeItem:hover {
    border-bottom: 5px solid silver;
}

.tickersMarquee .marqueeItem {
    display: inline-block;
    padding: 0 20px;
    font-size: 120%;
    /* cursor: auto; */
}

.marqueeItem .title {
    font-weight: bold;
    vertical-align: top;
}

.marqueeItem i.fa,
.marqueeItem .change,
.marqueeItem .percent {
    display: inline-block;
    font-size: 105%;
    font-weight: bold;
}

.marqueeItem i.fa,
.marqueeItem .change,
.marqueeItem .title {
    margin-right: 5px;
}

.dx-rtl .marqueeItem i.fa,
.dx-rtl .marqueeItem .change,
.dx-rtl .marqueeItem .title {
    margin-right: 0;
    margin-left: 5px;
}
/* 
.marqueeItem .percent {
 padding-left:10px; 
}
.marqueeItem .percent:before {
  content: ' ';
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 28px;
  height: 28px;
  vertical-align: bottom;
  width: 10px;
  height: 15px;
}
.marqueeItem .percent:before {
  margin-right: 0;
}
*/
.marqueeItem i.fa:before {
    content: '\f111';
    font-size: 50%;
}

.marqueeItem .plus i.fa:before {
    content: '\f0de';
    font-size: 100%;
}

.marqueeItem .minus i.fa:before {
    content: '\f0dd';
    font-size: 100%;
}
/*.marqueeItem .plus .percent:before{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjE0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPg0KICA8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiLz4NCiAgPHBhdGggaWQ9InN2Z18xIiBmaWxsPSIjYzBmZjAwIiBkPSJtMCwxMjguNXEwLC02LjUgNC43NSwtMTEuMjVsMTEyLC0xMTJxNC43NSwtNC43NSAxMS4yNSwtNC43NXQxMS4yNSw0Ljc1bDExMiwxMTJxNC43NSw0Ljc1IDQuNzUsMTEuMjV0LTQuNzUsMTEuMjV0LTExLjI1LDQuNzVoLTIyNHEtNi41LDAgLTExLjI1LC00Ljc1dC00Ljc1LC0xMS4yNXoiLz4NCiA8L2c+DQo8L3N2Zz4=);
}
.marqueeItem .minus .percent:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjE0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPg0KICA8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiLz4NCiAgPHBhdGggaWQ9InN2Z18xIiBmaWxsPSIjZmYwMDY2IiBkPSJtMCwxNi41cTAsLTYuNSA0Ljc1LC0xMS4yNXQxMS4yNSwtNC43NWgyMjRxNi41LDAgMTEuMjUsNC43NXQ0Ljc1LDExLjI1dC00Ljc1LDExLjI1bC0xMTIsMTEycS00Ljc1LDQuNzUgLTExLjI1LDQuNzV0LTExLjI1LC00Ljc1bC0xMTIsLTExMnEtNC43NSwtNC43NSAtNC43NSwtMTEuMjV6Ii8+DQogPC9nPg0KPC9zdmc+);
}*/
.marquee .lines {
    display: inline-block;
    max-height: 34px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    top: 0px;
    position: relative;
}

.marquee .line1 {
    max-height: 17px;
    overflow: hidden;
}

.marquee .title,
.marquee .graph,
.marquee .info {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.workSpaceMarquee .marquee .title,
.workSpaceMarquee .marquee .graph,
.workSpaceMarquee .marquee .info {
    margin-top: 0px;
}

.marquee .info > dl > dt.total,
.marquee .info > div.title > span,
.marquee .info > dl > dt.title {
    font-size: 125%;
    color: inherit;
    margin-bottom: -3px;
}

.marquee .info > div.title {
    display: inline-block;
}

.marquee .info > div.title,
.marquee .info > dl,
.marquee .graph {
    vertical-align: top;
}

.marketsMarquee .marquee .info > span.data-label {
    margin: auto;
    margin-left: 10px;
}

.indicesMarquee .marquee .info > span.data-label {
    margin: auto;
    margin-left: 10px;
}

.workSpaceMarquee .marquee .info > span.data-label {
    margin: auto;
    margin-left: 10px;
}

.marquee .graph {
    width: 100px;
    height: 28px;
    /* float: right; */
    padding-top: 2px;
    -webkit-flex: none; /* Chrome */
    -ms-flex: none; /* IE 10 */
    flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.marquee .data-label,
.marquee .data-value,
.marquee .data,
.marquee .status {
    font-size: 100%;
}

.marquee .line2 {
    max-height: 17px;
    overflow: hidden;
}

.marketsMarquee {
    /* position: relative; */
    /* top: -1px; */
    height: 32px;
    /* margin-top: 4px; */
    overflow: hidden;
    /* overflow-y: scroll; */
    /* border: 1px solid yellow; */
    min-width: 550px;
}

.indicesMarquee {
    /* position: relative; */
    /* top: -1px; */
    height: 40px;
    /* margin-top: 4px; */
    overflow: hidden;
    /* overflow-y: scroll; */
    /* border: 1px solid yellow; */
    min-width: 300px;
}

.workSpaceMarquee {
    /* position: relative; */
    /* top: -1px; */
    /*height: 50px; */
    /* margin-top: 4px; */
    overflow: hidden;
    /* overflow-y: scroll; */
    /* border: 1px solid yellow; */
    min-width: 100px;
}

.dx-rtl .marquees div.actions {
    right: auto;
    left: -36px;
}

.marketsMarqueeActions {
    padding: 5px;
    flex: none !important;
}

    .marketsMarqueeActions > div.dx-button {
        margin: 0px;
        padding: 0px;
        float: left;
        margin-top: 2px;
    }

        .marketsMarqueeActions > div.dx-button > .dx-button-content {
            padding: 0px;
        }

.workSpaceMarqueeActions {
    padding: 5px;
    flex: none !important;
}


    .workSpaceMarqueeActions > div.dx-button {
        margin: 0px;
        padding: 0px;
        float: left;
        margin-top: 10px;
    }

    .workSpaceMarqueeActions > .btnArrowRight.dx-button {
        float: right;
    }

    .workSpaceMarqueeActions > div.dx-button > .dx-button-content {
        padding: 0px;
    }

.tickersMarquee {
    overflow: hidden;
    position: relative;
    /* top: -3px; */
    height: 20px;
    cursor: default;
}

.dx-datagrid-rowsview .dx-row,
.dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines:first-child > td {
    border-top: 0px;
}

.dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: transparent;
    background-color: initial;
    color: inherit;
}

.dx-datagrid .dx-row-alt > td {
    background-color: initial;
}

.dx-state-focused.dx-overlay-content {
    outline: none;
}

.dx-pager .dx-pages {
    /* float: left; */
}


.sl-toolbar > div {
    margin-bottom: 0px;
}

.dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
    padding-left: 10px;
}

.dx-rtl .dx-menu-base .dx-menu-item .dx-menu-item-content.far-menu > div {
    text-align: left;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content.far-menu > div {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}


.dx-menu-base .dx-menu-item .dx-menu-item-content.far-menu {
    width: 170px;
    pointer-events: none;
}

.marquees.dx-menu-item-content {
    padding-bottom: 1px;
    padding-left: 0px;
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
    display: none;
}

.dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text {
    font-size: 200%;
    line-height: 54px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 95px;
    display: inline-block;
}

.far-menu .dx-menu .dx-menu-item:not(.dx-menu-item-has-text) .dx-menu-item-content .dx-icon {
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
}

.sl-mainmenu-submenu.dx-submenu .dx-list-item-content > span,
.sl-mainmenu-submenu.dx-submenu span.dx-menu-item-text {
    font-size: 125%;
}

.dx-menu li.dx-menu-item-wrapper {
    vertical-align: bottom;
}

.dx-menu ul.dx-menu-items-container {
    height: 54px;
}

.dx-rtl .workSpaceMarqueeContainer {
    right: auto;
    left: 0px;
}

.dx-rtl .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding-left: 0px;
    padding-right: auto;
}

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding-right: 0px;
}

.dx-menu span.dx-menu-item-text {
}

.sl-app-menu.dx-menu .dx-icon-add {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 145%;
    font-weight: bold;
    line-height: 34px;
    margin: 10px 0px !important;
}

.far-menu i.dx-icon:before {
    line-height: 30px;
}

.far-menu i.dx-icon {
    background-repeat: no-repeat !important;
    width: 15px;
    height: 30px;
    background-size: initial;
}

.far-menu .dx-icon-preferences {
    margin-top: 4px;
    width: 22px !important;
}

.far-menu .dx-menu .dx-menu-item-has-submenu .dx-item-content.dx-menu-item-content {
    margin: 0px;
    padding: 0px;
}

.dx-menu .dx-menu-item-has-submenu .dx-item-content.dx-menu-item-content {
    margin: auto 5px;
}

.dx-rtl .far-menu .dx-menu > .dx-menu-horizontal > ul.dx-menu-items-container {
    float: left;
}

.far-menu .dx-menu > .dx-menu-horizontal > ul.dx-menu-items-container {
    height: 34px;
    /* text-align: center; */
    float: right;
    pointer-events: all;
}

.dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:last-child > div {
    pointer-events: none;
}

.dx-rtl .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-left: auto;
    margin-right: 20px;
}

.dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-left: 20px;
    max-width: 115px;
}

.sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content {
    width: 180px;
}

.sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content.sl-ws-list .dx-list-item,
.sl-mainmenu-submenu.dx-submenu ul.dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item {
    line-height: 35px;
}

.dx-submenu ul.dx-menu-items-container li.dx-menu-item-wrapper {
    display: block;
}

.dx-rtl .sl-mainmenu-submenu.dx-submenu .dx-list-item-content,
.dx-rtl .sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content:not(.sl-ws-list) {
    padding-right: 15px;
    padding-left: auto;
}

.sl-mainmenu-submenu.dx-submenu .dx-list-item-content,
.sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content:not(.sl-ws-list) {
    padding-left: 15px;
}

.sl-app-menu .dx-menu div.logo_menu i.dx-icon-logo {
    background-image: url('images/logo.png');
    background-position: 15px 8px;
    width: 35px;
    height: 30px;
    background-repeat: no-repeat !important;
    background-size: 113px 20px;
}

.sl-app-menu .dx-menu div.logo_menu img {
    width: 22px;
    position: relative;
    top: 8px;
}

.sl-app-menu .dx-menu div.notifications-bell i.dx-icon-bell {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KCTxsaW5lIHN0cm9rZS13aWR0aD0iMSIgeDE9IiIgeTE9IiIgeDI9IiIgeTI9IiIgc3Ryb2tlPSIjNDQ5RkRCIiBvcGFjaXR5PSIiPjwvbGluZT4KPC9nPgoJPHBhdGggZD0iTTEyIDFxMS4yODkgMCAyLjQzOCAwLjQxOHQyLjAzOSAxLjE1MiAxLjYwMiAxLjc0NiAxLjE4NCAyLjE4NyAwLjczOCAyLjQ5NnEwLjc4OSAzLjk2MSAxLjY3NiA2LjI2MnQyLjMyNCAzLjczOGgtOS4xNzJxMC4xNzIgMC40OTIgMC4xNzIgMSAwIDEuMjQyLTAuODc5IDIuMTIxdC0yLjEyMSAwLjg3OS0yLjEyMS0wLjg3OS0wLjg3OS0yLjEyMXEwLTAuNTA4IDAuMTcyLTFoLTkuMTcycTEuNDM3LTEuNDM3IDIuMzI0LTMuNzM4dDEuNjc2LTYuMjYycTAuMjY2LTEuMzIgMC43MzgtMi40OTZ0MS4xODQtMi4xODcgMS42MDItMS43NDYgMi4wMzktMS4xNTIgMi40MzgtMC40MTh6TTEyIDE5cS0wLjQxNCAwLTAuNzA3IDAuMjkzdC0wLjI5MyAwLjcwNyAwLjI5MyAwLjcwNyAwLjcwNyAwLjI5MyAwLjcwNy0wLjI5MyAwLjI5My0wLjcwNy0wLjI5My0wLjcwNy0wLjcwNy0wLjI5M3pNMTIgM3EtMC45MDYgMC0xLjcwNyAwLjI4MXQtMS4zNzEgMC43MTktMS4wNTkgMS4wNTEtMC43OTMgMS4xOTEtMC41NTEgMS4yMzQtMC4zNjMgMS4wODItMC4xOTUgMC44MzJxLTEgNS4wMzktMi4yMDMgNy42MDloMTYuNDg0cS0xLjIwMy0yLjU3LTIuMjAzLTcuNjA5LTAuMDc4LTAuNDA2LTAuMTk1LTAuODMydC0wLjM2My0xLjA4Mi0wLjU1MS0xLjIzNC0wLjc5My0xLjE5MS0xLjA1OS0xLjA1MS0xLjM3MS0wLjcxOS0xLjcwNy0wLjI4MXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4KPC9zdmc+) !important;
    background-position: 7px 10px !important;
    background-size: 18px;
    background-repeat: no-repeat !important;
    width: 32px;
    height: 30px;
}

.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content.sl-add-menu {
    width: 900px;
    padding-top: 20px;
}

.sl-add-menu ul {
    list-style-type: none;
}

.sl-add-menu > ul > li {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

    .sl-add-menu > ul > li > div li {
        height: 30px;
        line-height: normal;
    }

.dx-rtl .sl-add-menu > ul > li > div li .dx-button {
    text-align: right;
}

.sl-add-menu > ul > li > div li .dx-button {
    font-size: 125%;
    width: 90%;
    text-align: left;
    border: none;
}

.dx-rtl .sl-add-menu h4.dx-icon {
    text-align: right;
    padding-left: initial;
    padding-right: 45px;
    background-position: right 5px;
}

.sl-add-menu h4.dx-icon {
    font-size: 145%;
    font-weight: bold;
    width: 100%;
    text-align: left;
    padding-left: 45px;
    height: 35px;
    margin: 0px 5px 10px 5px;
    padding-top: 12px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position-x: 5px;
}

.sl-markets-part .thebadge.indexbadge > span,
.sl-markets-part .thebadge.indexbadge > .symbol {
    vertical-align: top;
    margin: 0px;
}

.fontchg .title {
    padding: 0px 2px;
}

.fontchg div.inc,
.fontchg div.dec {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon,
.dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
    margin: 0 1px;
}

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
    margin-right: auto;
}

.gs-w.sl-view.sl-view-maximized {
    top: 0px;
    left: 0px;
    z-index: 20;
}

li.gs-w.sl-view.sl-view-maximized .sl-view-head,
.gridster.locked .sl-view-head {
    pointer-events: none;
}

li.gs-w.sl-view.sl-view-maximized span.gs-resize-handle.gs-resize-handle-both,
.gridster.locked span.gs-resize-handle.gs-resize-handle-both {
    display: none;
}


.dx-datagrid-summary-item {
    display: inline;
    margin-left: 5px;
}

.trades-expandedrow {
    margin-top: 10px;
}

.portfolio-details,
.area-highlight {
    padding: 0;
    margin: 5px 0;
    padding-bottom: 5px;
}

.dx-datagrid-rowsview .dx-row .dx-master-detail-cell {
    padding: 0px;
}


.mw-datagrid .group.g1 {
    width: 380px;
    padding: 5px;
}

.group.g1 {
}

.dx-multiview-item-content > .dx-view-placeholder:not(.normalheight),
.dx-multiview-item-content > .dx-view-placeholder:not(.normalheight) > .dx-view {
    height: 100%;
}

.sl-view-head h3,
.btitle > h3 {
    margin: 0;
}

.sl-view-head input.dx-texteditor-input {
    background: none;
    padding: 0px;
    vertical-align: top;
    display: inline-block;
}

.sl-view-head .dx-texteditor {
    background-color: transparent;
    border: none;
    /* font-size: 15px; */
    height: 100%;
    margin: 0px;
    /* display: inline-block; */
    /* border: 1px solid; */
    /* position: absolute; */
}

.no-data-selected-msg {
    margin-top: 30px;
    text-align: center;
    font-weight: bolder;
    font-size: 110%;
}

.sl-view-head .quotebadge {
    position: relative;
    /* float: right; */
    /* top: 0; */
    /* right: 0; */
    width: auto;
    width: initial;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-rtl .quotebadge > span {
    margin-right: auto;
    margin-left: 5px;
}

.quotebadge > span {
    margin-right: 5px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: inline-block; */
    height: 100%;
}

.sl-view-head .titlebadge {
    font-size: 180%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.titlebadge .details {
    font-size: 70%;
    /* display: inline-block; */
}

.ticker-info .title {
    float: left;
}

.ticker-info .details {
    float: right;
    right: 5px;
    top: 0px;
    font-size: 110%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.dx-rtl .market-item .details {
    left: 5px;
    right: auto;
}

.market-item .details {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 110%;
}

.sl-view-content .dx-view-placeholder:not(.normalheight),
.sl-view-content .dx-view-placeholder:not(.normalheight) .dx-view {
    height: 100%;
    /* border: 1px solid; */
}

.dx-datagrid-total-footer {
    padding: 0;
}

.orders-list-header {
    min-width: 540px;
}

.trades-list-header {
    min-width: 665px;
}

.tickers-list > div {
    min-width: 560px;
}

.indices-list > div {
    min-width: 700px;
}

.sl-view-head > .sl-view-custom-head > div:not(.far):first-child {
    /* position: absolute; */
}

    .sl-view-head > .sl-view-custom-head > div:not(.far):first-child .dx-texteditor,
    .sl-view-head > .sl-view-custom-head > div.dx-texteditor:not(.far):first-child {
        font-size: 135%;
    }

.watch-list h5 {
    margin: 5px 0;
}

.ticker-info h5,
.markets-list h5 {
    margin: 0;
    /* width: 100px; */
}

.ticker-info,
.watch-list .ticker-item,
.markets-list .market-item {
    position: relative;
}

.chart-options {
    position: absolute;
    top: 0px;
    right: 0px;
}

.chart-area {
    position: relative;
}

.dx-template-wrapper.dx-item-content.dx-multiview-item-content {
}

.profile-selector {
    height: 30px;
}

.multicol .maincol {
    -webkit-transition: padding-left .4s, padding-right .4s;
    -moz-transition: padding-left .4s, padding-right .4s;
    -o-transition: padding-left .4s, padding-right .4s;
    -ms-transition: padding-left .4s, padding-right .4s;
    transition: padding-left .4s, padding-right .4s;
}

.multicol .sidecol {
    -webkit-transition: left .4s, right .4s;
    -moz-transition: left .4s, right .4s;
    -o-transition: left .4s, right .4s;
    -ms-transition: left .4s, right .4s;
    transition: left .4s, right .4s;
}

.chart.hasoptions {
    padding-right: 60px;
}


.multicol.alerts .sidecol {
    width: 275px;
}

.dx-rtl .multicol.alerts .maincol {
    padding-left: initial;
    padding-right: 275px;
}

.multicol.alerts .maincol {
    width: 100%;
    padding-left: 275px;
}

.multicol.alerts .cols {
    margin: 5px;
    margin-bottom: 0;
}

    .multicol.alerts .cols > .col {
        margin-bottom: 0;
    }

        .multicol.alerts .cols > .col.ticker-info {
            width: 54%;
            /* display: table-cell; */
        }

        .multicol.alerts .cols > .col.other-info {
            width: 46%;
            /* display: table-cell; */
        }


.alerts .btn-save {
    float: left;
}

.alerts-list {
    margin: 5px;
}

.account .dx-field, .account .dx-fieldset-header {
    margin-bottom: 0;
}

.account .dx-fieldset {
    margin: 5px 10px;
}

.dx-texteditor:not(.dx-texteditor-empty) .dx-icon.dx-icon-search {
    display: none;
}

.dx-datagrid .dx-data-row td.pct {
    /* vertical-align: top; */
}

    .dx-datagrid .dx-data-row td.pct:after {
        content: '%';
        font-size: 70%;
        /* position: absolute; */
        vertical-align: inherit;
    }

.dx-menu-base .dx-menu-items-container {
    /* cursor: auto; */
}

.workspace-layout > .dx-scrollview > .dx-scrollable-container > .dx-scrollable-content {
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear;
}

.debug .workspace-layout.dx-layout {
    width: 50%;
    margin-left: 25%;
    background-color: rgba(105, 26, 26, 0.61);
    height: 450px;
}

.workspace-layout.dx-layout {
    height: 100%;
    position: relative;
}

.debug .workspace-layout.dx-layout > .dx-scrollview {
    border: 1px solid #DEB2B2;
}


.sl-app-workspaces {
    height: 100%;
    /* margin-top: -54px; */
    /* padding-top: 54px; */
    position: relative;
    /* z-index: -1; */
    padding-bottom: 54px;
}

.dx-tab {
    /* display: inline-block; */
    /*padding-left: 4px;*/
    /*padding-right: 8px;*/
}

.dx-tabs .dx-indent-wrapper {
    /* display: block; */
}


.dx-tabs .dx-indent-wrapper {
    /*display: initial;*/
}

.dx-item.dx-tab {
    /*padding-right:10px;*/
    /*padding-left:10px;*/
}

.otherMarquees {
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    cursor: default;
}

    .otherMarquees > div {
        -webkit-flex: none; /* Chrome */
        -ms-flex: none; /* IE 10 */
        flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

.newsMarquee .marquee {
    width: 100%;
}

.newsMarquee {
    height: 32px;
    overflow: hidden;
    width: 40%;
}

    .newsMarquee .marqueeItem > span {
        -webkit-flex: 1; /* Chrome */
        -ms-flex: 1; /* IE 10 */
        flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 6px 0px;
        /* vertical-align: text-top; */
    }

        .newsMarquee .marqueeItem > span.title {
            -webkit-flex: none; /* Chrome */
            -ms-flex: none; /* IE 10 */
            flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
            width: 150px;
            /* display: inline-block; */
        }

.dx-rtl .newsMarquee .marquee > div.marqueeItem {
    padding-left: 0px;
    padding-right: 10px;
}

.newsMarquee .marquee > div.marqueeItem {
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 32px;
    width: 100%;
    /* margin: auto; */
    padding-left: 10px;
}

.newsMarquee .info {
    overflow: hidden;
}

/*/
/* gridster
/*/
.gridster-manual ul,
.gridster ul {
    list-style-type: none;
    /* border: 1px solid red; */
}

.sl-app-workspaces.debug .gridster ul {
    border: 1px solid red;
}

.sl-view:not(.ready) .sl-view-head {
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease;
}

.sl-view-head {
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 22px;
    cursor: move;
    /* padding: 4px; */
    vertical-align: middle;
    line-height: 20px;
    position: relative;
    /* z-index: 1; */
}

    .sl-view-head > div {
        /* vertical-align: bottom; */
        /* display: list-item; */
        pointer-events: none;
        position: relative;
        height: 100%;
    }

        .sl-view-head > div .dx-widget {
            pointer-events: all;
        }

        .sl-view-head > div.far {
            /* float: right; */
            padding-right: 5px;
            -webkit-flex: none; /* Chrome */
            -ms-flex: none; /* IE 10 */
            flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
        }

.dx-rtl .sl-view-head > div.far {
    /* float: left; */
    padding-left: 5px;
    padding-right: initial;
}

.sl-view-head > div.near {
    /* float: left; */
    padding-left: 5px;
    -webkit-flex: none; /* Chrome */
    -ms-flex: none; /* IE 10 */
    flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.dx-rtl .sl-view-head > div.near {
    /* float: right; */
    padding-left: initial;
    padding-right: 5px;
}

.sl-view-custom-head > div {
    height: 100%;
    -webkit-flex: none; /* Chrome */
    -ms-flex: none; /* IE 10 */
    flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin: 0;
}

div.flex-width {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.dx-rtl .sl-view-head .sl-view-custom-head {
    padding-left: initial;
    padding-right: 5px;
}

.sl-view-head .sl-view-custom-head {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: static; /* IE 10 */
    position: initial;
    padding: 0;
    padding-left: 5px;
}


.gridster-manual,
.gridster {
    margin: 0 auto;
    /* opacity: .8; */
    /*-webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;*/
    /* display: inline-block; */
    /* direction: ltr; */
}

.sl-app-workspaces.debug .gridster-manual,
.sl-app-workspaces.debug .gridster {
    border: 1px solid blue;
}

.gridster-manual .gs-w {
    z-index: 2;
    position: absolute;
}

.gridster .preview-holder {
    border: none;
}

.gridster-manual.ready {
    position: relative;
}

.gridster-manual > * {
    margin: 0 auto;
    -webkit-transition: height .4s,width .4s;
    -moz-transition: height .4s,width .4s;
    -o-transition: height .4s,width .4s;
    -ms-transition: height .4s,width .4s;
    transition: height .4s,width .4s;
}

.gridster.ready {
    display: inline-block;
}

.sl-view-head .title {
    font-size: 125%;
    /* font-weight: bold; */
    vertical-align: middle;
    /* height: 100%; */
}

.sl-view {
    overflow: hidden;
}

.gs-resize-handle-both {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KIDxnPg0KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+DQogIDxnIG9wYWNpdHk9IjAuMzAyIiBpZD0ic3ZnXzEiPg0KICAgPHBhdGggZD0ibTYsNmwtNiwwbDAsLTEuOGw0LDBsMC4yLDBsMCwtNC4ybDEuOCwwbDAsNmwwLDB6IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzIiLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg==);
}

.gs-w.resizing .gs-resize-handle-both {
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-position: right 5px bottom 5px;
}

.sl-view .sl-scroll-view {
    /* margin-top: -28px; */
    padding-bottom: 28px;
    height: 100%;
}


    .sl-view .sl-scroll-view .sl-view-container {
        /* margin-top: -28px; */
        position: relative;
        height: 100%;
    }


.sl-workspace-loadpanel .dx-loadpanel-content {
    background: rgba(0,0,0,.7);
}

.symbols-grid .dx-datagrid-rowsview .dx-selection.dx-row > td {
    color: inherit;
}

.sl-connection-error > .dx-overlay-content {
    background-color: rgba(128, 92, 10, 0.75);
}

.sl-connection-error .dx-loadpanel-message {
    background: white;
    color: red;
    padding: 10px;
    margin: 0 20px;
    border-radius: 10px;
}

.sl-heatmap-tooltip {
    background: #f4ff9c;
    padding: 5px;
    border-style: solid;
    font-size: 110%;
}

.indexbadge .dx-view {
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

    .indexbadge .dx-view .g1 {
        -webkit-flex: 1; /* Chrome */
        -ms-flex: 1; /* IE 10 */
        flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    .indexbadge .dx-view .g2 {
        width: 350px;
        -webkit-flex: none; /* Chrome */
        -ms-flex: none; /* IE 10 */
        flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
        height: 265px;
    }
/*//ragheb //ADCB*/
.dx-field-value.dx-button {
    background-color: #ed3023;
    float: left;
}

.dx-popup-wrapper .dx-button-has-text {
    background-color: #ed3023;
}





.orderdir.blue {
    /*background-color: #a3bc29;*/
    background-color: #00ff00 !important;
}

.help {
    background-color: #ed3023 !important;
}


.green {
    color: #00ff00 !important;
}

.plus {
    color: #00ff00 !important;
}


.red, .dx-datagrid .dx-data-row td.colored, .tradeTickers .colored {
    color: orange !important;
}

    .red, .dx-datagrid .dx-data-row td.colored.down, .tradeTickers .colored.down {
        color: #ed3023 !important;
    }

.orderbadge .status.red {
    color: #ed3023 !important;
}

.orderbadge .op.b, .dx-datagrid .dx-data-row td.colored.up, .tradeTickers .colored.up {
    color: #00ff00 !important;
}

.dx-device-phone .depthbtn {
    border: 0px;
}

.orderbadge .op.s {
    color: #ed3023 !important;
}

.minus {
    color: #ed3023 !important;
}



.largebadge .orderbadge .id {
    width: 86px;
}

/*ragheb 17-10*/
.alertbadge .symbol {
    text-overflow: ellipsis;
    overflow: hidden;
}

.badgealign {
    text-align: right !important;
}

.btnsalign {
    float: left;
}

.depthbtn.sell,
.red.meter > div span.back, .meter > div {
    background: #ee3124; /* Old browsers */
    background: -moz-linear-gradient(left, #ee3124, #de1b0e); /* FF3.6+ */
    background: -webkit-linear-gradient(left, #ee3124, #de1b0e); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ee3124, #de1b0e); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ee3124, #de1b0e); /* IE10+ */
    background: linear-gradient(to right, #ee3124, #de1b0e); /* W3C */
}

.orangemeter {
    width: 100% !important;
    background: #ffc112 !important; /* Old browsers */
    background: -moz-linear-gradient(left,#f58e0e, #ffc112) !important; /* FF3.6+ */
    background: -webkit-linear-gradient(left, #f58e0e, #ffc112) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f58e0e, #ffc112) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f58e0e, #ffc112) !important; /* IE10+ */
    background: linear-gradient(to right, #f58e0e, #ffc112) !important; /* W3C */
}

.cachFlowMapConteiner {
    height: 19px;
}

.default.meter > div {
    background: #ff0066; /* Old browsers */
    background: -moz-linear-gradient(left,#f00, #B50000); /* FF3.6+ */
    background: -webkit-linear-gradient(left, #f00, #B50000); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f00, #B50000); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f00, #B50000); /* IE10+ */
    background: linear-gradient(to right, #f00, #B50000); /* W3C */
}

    .default.meter > div span.back {
        /*background-color: #338C07;*/
        background: #4d6600; /* Old browsers */
        background: -moz-linear-gradient(left, #4d6600, #82AD00); /* FF3.6+ */
        background: -webkit-linear-gradient(left, #4d6600, #82AD00); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #4d6600, #82AD00); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #4d6600, #82AD00); /* IE10+ */
        background: linear-gradient(to right, #4d6600, #82AD00); /* W3C */
    }

.depthbtn.buy,
meter > div > span.back, .green.meter > div span.back {
    background: #00ff00; /* Old browsers */
    background: -moz-linear-gradient(left,#00ff00, #00ff00); /* FF3.6+ */
    background: -webkit-linear-gradient(left,#00ff00, #00ff00); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,#00ff00, #00ff00); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,#00ff00, #00ff00); /* IE10+ */
    background: linear-gradient(to right,#389800, #389800); /* W3C */
}

.statebadge .c {
    color: #00ff00;
}

.newsTitle {
    white-space: normal;
}

.orderbadge .status.grey,
.orderbadge .ex,
.orderbadge .account,
.orderbadge .re, .bingredients dt, dl.numdisplay dt, dl.linedisplay, .dx-device-tablet .indexbadge .description, .largebadge .orderbadge .ex, .largebadge .orderbadge .re, .dx-color-picker-container label, .dx-datagrid-row-hovered.dx-row:hover > td:not(.dx-focused), .dx-datagrid-filter-row .dx-menu .dx-overlay-content, .dx-state-hover.dx-menu-item-wrapper, .dx-device-generic .dx-field-label, dx-field, .second, .quotedetails h6, .quotedetails dl dt, .dx-device-phone .indexbadge .lindex, .dx-device-phone .indexbadge .hindex, .dx-device-phone .indexbadge .change, .dx-device-phone .alertbadge .date, .dx-device-phone .statebadge .extra, .dx-device-phone .portbadge dl {
    color: #ccc;
}

.marketwatch .dx-data-row td.offer {
    /*background: #ed1c24 !important;*/
    background: rgb(220, 168, 165) !important;
    color: #000 !important;
    /*font-size: 13px;*/
}

.marketwatch .dx-data-row td.bid {
    color: #000 !important;
    /*background-color: #00ca00 !important;*/
    background-color: rgb(99, 177, 203) !important;
    /*font-size: 13px;*/
}

.notifications span.second {
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list h5 {
    margin: 0px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}


.workSpaceMarquee dt.title {
    margin-top: 6px;
}

.dx-rtl .workSpaceMarquee dt.title {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.newsPopup .newsDesc {
    width: 100%,;
}

.newsPopup .newsTitle {
    width: 100%;
    padding: 8px 0;
}

.rdSelectionType {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.keyboardImg {
    background: url('../img/Keyboard.png') no-repeat;
    width: 33px;
    background-size: cover;
    cursor: pointer;
    height: 13px;
    position: relative;
    top: -23px;
    left: 300px;
    padding: 0px !important;
    border-radius: 0px !important;
    margin: 0px !important;
}

.autocomplete input {
    text-transform: uppercase;
}

.ddChangePercent {
    position: relative;
    bottom: 2px;
}

.quickOneLine .dx-overlay-content {
    width: 600px !important;
}

.bigNum {
    width: 34% !important;
}

.smallNum {
    width: 16% !important;
}

.resetButton {
    position: relative;
    left: 8px;
}

#userName input {
    text-transform: uppercase;
}

.dx-datagrid {
    background-color: #000;
}

#clockdate-full {
    position: relative;
    bottom: 29px;
    width: 75px;
    padding: 1px;
}

.wrapper-clockdate {
    padding: 5px;
    max-width: 450px;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    -webkit-box-shadow: inset 0px 0px 12px #FFF;
    box-shadow: inset 0px 0px 12px #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#clock-large {
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    text-shadow: 0px 0px 1px #fff;
    color: #fff;
}

.dx-datagrid-rowsview .dx-selection.dx-row, .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    background-color: #131313;
    color: #F1F1F1;
}

.trades-list .thebadge .tail {
    margin-right: 30px;
    margin-top: 0px;
}
/*.rowlist .thebadge:nth-child(odd) {
    background-color: #000000;
}*/
.popupLoginbody {
    height: 74%;
}

.dx-popup-content .logolarge, .dx-popup-content .login-buttons {
    text-align: center;
}

.popupLoginbody iframe, .popupLoginbody .termDetailHtml {
    /* Firefox */
    height: -moz-calc(100% - 14px);
    /* WebKit */
    height: -webkit-calc(100% - 14px);
    /* Opera */
    height: -o-calc(100% - 14px);
    /* Standard */
    height: calc(100% - 14px);
    overflow-x: hidden;
}

.popupLoginbody iframe {
    display: none;
}

.popupLoginbody .termDetailHtml {
    display: block;
}

.login_footer {
    display: none;
}

.placebtnContainer .placebtn {
    position: relative;
    bottom: 0px;
}

.sl-view-maximized .marketwatch {
    height: 95% !important;
}

.workSpaceMarqueeContainer {
    position: absolute;
    width: 13%;
    right: 0px;
    top: -10px;
}

/*
.dx-rtl.orders-datagrid .dx-scrollable-container * {
    direction: ltr !important;
}
    */
.dx-rtl.orders-datagrid .dx-datagrid-table * {
    direction: rtl !important;
}

.dx-rtl .sl-app-menu .dx-menu div.logo_menu i.dx-icon-logo {
    background-position: -1px 8px;
}

.dx-rtl.orders-datagrid .dx-datagrid-headers > .dx-datagrid-content {
    direction: ltr !important;
}

.trades-list-detail * {
    font-size: 12px;
}

.trades-list-detail .trades-expandedrow * {
    font-size: 11px;
}

.orders-datagrid {
    font-size: 14px;
}

.sl-app-workspaces {
    padding-top: 27px;
}


.swiftCol .dx-field-label, .quickOneLine .dx-item-content div {
    /*color: #edfeee !important;*/
}

.logolarge_secImg {
    display: none;
}

.Userlogin {
    display: none;
}

.Forgot_Password {
    display: none;
}

.notifications .dx-rtl .dx-scrollable .dx-scrollable-content *, .notifications .dx-rtl.dx-scrollable .dx-scrollable-content * {
    direction: ltr;
}

.tradeTickersContainer .symbol {
    font-size: 15px;
    text-align: center;
    padding: 4px 0px;
}

.tradeTickersContainer .Price {
    font-size: 12px;
    margin: 3px;
    text-align: center;
}

.tradeTickersContainer .Volume {
    font-size: 12px;
    margin: 3px;
    text-align: center;
}

.tradeTickersContainer .valuesContainer {
    text-align: center;
}

.tradeTickers {
    width: 100%;
    overflow: hidden;
    display: inline-flex;
    direction: rtl;
}

.tradeTickersContainer {
    width: 10%;
    min-width: 100px;
    height: 100px;
    float: right;
    margin: 3px;
}

.dx-rtl .tradeTickersContainer {
    float: left;
}
/*.sl-view-tradeticker .sl-view-container,.sl-view-tradeticker
{
    height:80px !important;
    
    max-height: 80px !important;
}*/

.quickOneLine .dx-field {
    min-height: 20px;
    padding: 0;
    margin: 0px !important;
}

.quickOneLine {
    top: 54px;
}

.quickOneLine {
    position: absolute;
    width: 100%;
    z-index: 10;
    padding: 0px;
    background: linear-gradient(to bottom, #3d3d3d, #212121);
    padding-left: 29px;
}

.dx-rtl .quickOneLine {
    direction: rtl;
}

    .dx-rtl .quickOneLine .dx-field-value {
        float: right;
    }

    .dx-rtl .quickOneLine .lblLarge {
        float: right;
    }

    .dx-rtl .quickOneLine .dx-field-label {
        float: right;
    }

.swiftOrderContainer {
    width: 97%;
}

.quickOneLine .dx-field-label {
    width: 4% !important;
}

.quickOneLine .dx-field-value {
    width: 10% !important;
    float: left;
    margin-right: 7px;
}

.quickOneLine .placebtn {
    width: 9% !important;
    margin-left: 21px;
    padding: 1px;
}

.placebtn.blue {
    /* background-color: #a3bc29; */
    background-color: #00ff00 !important;
}

.quickOneLine .qoAccount, .quickOneLine .qoSymbol {
    width: 15% !important;
}

.quickOneLine .lblLarge {
    width: 6% !important;
}

.quickOneLine .qoQty, .quickOneLine .qoPrice {
    width: 6% !important;
}

.QOLCBIS {
    display: none;
}

.sl-view-head .titlebadge span {
    font-size: 14px;
}

.dx-color-scheme-light .orderbadge .op.b, .dx-color-scheme-light .dx-datagrid .dx-data-row td.colored.up, .dx-color-scheme-light .tradeTickers .colored.up,
.dx-color-scheme-light .plus, .dx-color-scheme-light .green {
    color: #20a718 !important;
}

.dx-color-scheme-light .sl-view-head .orderbadge .op.b, .dx-color-scheme-light .sl-view-head .dx-datagrid .dx-data-row td.colored.up, .dx-color-scheme-light .sl-view-head .tradeTickers .colored.up,
.dx-color-scheme-light .sl-view-head .plus, .dx-color-scheme-light .sl-view-head .green {
    color: #3af730 !important;
}

.dx-color-scheme-light .marketwatch .dx-data-row td.bid, .dx-color-scheme-light .marketwatch .dx-data-row td.offer {
    color: #444 !important;
}

.dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row, .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    color: #444;
}

.dx-color-scheme-light .dx-context-menu.dx-overlay-content {
    background: linear-gradient(rgb(167, 212, 251), #f7f7f7);
    border: 1px solid #6eaafa;
}

.dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row, .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    background-color: #64b6ec;
    color: #303030;
}
/*********************************************************** Black Themes ***********************************************/
.dx-color-scheme-dark .dx-datagrid-rowsview .dx-selection.dx-row, .dx-color-scheme-dark .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    background-color: #545406;
    color: #F1F1F1;
}
/***********************************************************************************************************************/

.verticalTabs.ui-tabs-vertical {
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0px;
    background: inherit;
}

    .verticalTabs.ui-tabs-vertical .ui-widget-header {
        border: none;
    }

    .verticalTabs.ui-tabs-vertical .ui-tabs-nav {
        float: left;
        width: 40px;
        border-right: 0px solid gray;
    }

.dx-rtl .verticalTabs.ui-tabs-vertical .ui-tabs-nav {
    float: right;
}

.verticalTabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 93%;
    border-bottom: 1px solid #e8e7e7;
    border-width: 1px 0 1px 1px;
    border-radius: 0px;
    overflow: visible;
    position: relative;
    right: -2px;
    z-index: 2;
}

.dx-rtl .verticalTabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: right;
    right: inherit;
    left: -2px;
}

.verticalTabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
}

    .verticalTabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
        cursor: pointer;
    }

.verticalTabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid white;
}

.verticalTabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}

.verticalTabs.ui-tabs-vertical .ui-tabs-panel {
    float: right;
    width: 91%;
    min-height: 151px;
    height: 100%;
    border-left: 0px;
    border-radius: 0;
    position: relative;
    padding: 5px 0px;
    left: -1px;
    margin: 0px;
}

.dx-rtl .verticalTabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    left: inherit;
    right: 0px;
}

.dx-rtl .sl-view-ordersaccountstabs .verticalTabs.ui-tabs-vertical .ui-tabs-panel {
    right: 50px;
}

.ordersaccountstabs.ui-tabs-vertical .ui-tabs-panel {
    width: 100%;
    position: absolute;
    left: 44px;
    top: 0px;
    background: inherit;
}
/*.dx-rtl .ordersaccountstabs.ui-tabs-vertical .ui-tabs-panel {
   left:inherit;
        right: 44px;
 
}*/
/*.dx-rtl .ordersaccountstabs.ui-tabs-vertical .vTabsContent {
   right: 44px;
   position:relative;
}*/
.ordersaccountstabs.ui-tabs-vertical .vTabsContent {
    width: 94%;
    background: inherit;
    padding-right: 50px;
    min-width: 800px;
    min-height: 200px;
}

.dx-rtl .ordersaccountstabs.ui-tabs-vertical .vTabsContent {
    min-width: 500px;
}

.dx-rtl .ordersaccountstabs.ui-tabs-vertical .vTabsContent {
    padding-left: 50px;
    padding-right: inherit;
}

.verticalTabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    border-left: 5px solid #ffb400;
    width: 100%;
    background: #dc7302;
    border-radius: 0 !important;
    color: white;
}

.dx-rtl .verticalTabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    border-right: 5px solid #ffb400;
    border-left: inherit;
}

.verticalTabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor i {
    position: relative;
    right: 6px;
}

.dx-rtl .verticalTabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor i {
    right: inherit;
    left: -3px;
}

.dx-color-scheme-light .marketwatch .dx-data-row td.offer {
    background-color: rgba(200,0,0,.09) !important;
    color: red !important;
}

.dx-color-scheme-light .marketwatch .dx-data-row td.bid {
    background-color: rgba(0,155,55,.09) !important;
    color: green !important;
}

.dx-color-scheme-light .dx-texteditor-input, .dx-color-scheme-light .dx-radiobutton-icon:before {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #c1c0c0;
}

.dx-color-scheme-light .dx-texteditor-input {
    border-radius: 0px;
}

.dx-color-scheme-light .dx-checkbox-icon:before {
    background: #fff;
}

.dx-color-scheme-light .dx-checkbox-icon {
    background: #fff;
}

.dx-color-scheme-light .sl-view-head .dx-texteditor-input, .dx-color-scheme-light .sl-view-head .dx-radiobutton-icon:before, .dx-color-scheme-light .sl-view-head .dx-checkbox-icon:before {
    background: inherit;
    border-radius: inherit;
    border: inherit;
}

.dx-color-scheme-light .dx-texteditor {
    background: inherit;
    border: 0px;
}

.dx-color-scheme-light .sl-view-head .dx-texteditor {
    background: inherit;
    border: inherit;
}

.verticalTabs #OrderBook .dx-scrollable-customizable-scrollbars {
    height: 170px !important;
}

.verticalTabs #OrderList .dx-scrollable-customizable-scrollbars {
    min-height: 200px !important;
    height: 100%;
}

.verticalTabs .dx-scrollbar-horizontal {
    height: 15px !important;
}

    .verticalTabs .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 15px !important;
    }
/*.verticalTabs #OrderList .dx-view-placeholder {
 height: 100% !important;}
.verticalTabs #OrderList .dx-scrollview-content{
 height: 100% !important;}*/

.verticalTabs #TodayTrades .dx-scrollable-customizable-scrollbars {
    height: 300px !important;
}

.fieldhalf {
    width: 49.5%;
}

.fieldTri {
    width: 37%;
    padding: 9px;
}

.field2Tri {
    width: 63%;
    padding: 9px;
}

.fieldLeft {
    float: left;
}

.fieldRight {
    float: right;
}

.orderBookSell {
    background: #bc281c;
    text-align: left;
}

.orderBookSellBuyBoxes {
    height: 62px;
    color: #fff;
    padding: 0px;
    position: relative;
    width: 50%;
}

.comrow {
    border-bottom: 1px solid #e1ecee;
    width: 100%;
    height: 25px;
    font-weight: 600;
}



.comval, .comlbl {
    letter-spacing: 0;
    line-height: 19px;
    padding: 3px;
}

.fieldRight #mbpGrid *, .fieldRight #mboGrid * {
    font-weight: bold;
}

.comlbl {
    float: left;
    color: white;
    font-weight: 800;
}


.dx-rtl .comlbl {
    float: right;
}

.dx-rtl, .dx-rtl .dx-field, .dx-rtl body, .dx-rtl .dx-theme-generic-typography, .dx-rtl .dx-widget, .dx-rtl .font-zero > * {
    font-family: Segoe UI,Arial,sans-serif !important;
}

.rangePct {
    width: 100% !important;
    height: 38px;
    color: #e8dfdf;
    font-weight: 400;
    font-size: 95%;
}

.tabOrderContainer .depthbtn.sell,
.tabOrderContainer .dx-button.depthbtn.buy {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    min-width: 80px;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    width: 80px;
    height: 27px;
    text-align: center;
    line-height: 26px;
    float: right;
    cursor: pointer;
    margin-top: 2px;
    z-index: 4;
}

.tabOrderContainer .depthbtn.sell {
    -moz-box-shadow: inset 1px 0 0 0 #dd7979;
    -webkit-box-shadow: inset 0 0 0 1px #dd7979;
    box-shadow: inset 0 0 0 1px #dd7979;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#b02828),color-stop(1,#c22)) #b02828;
    background: -moz-linear-gradient(top,#b02828 5%,#c22 100%) #b02828;
    background: -webkit-linear-gradient(top,#b02828 5%,#c22 100%) #b02828;
    background: -o-linear-gradient(top,#b02828 5%,#c22 100%) #b02828;
    background: -ms-linear-gradient(top,#b02828 5%,#c22 100%) #b02828;
    background: linear-gradient(to bottom,#b02828 5%,#c22 100%) #b02828;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b02828', endColorstr='#cc2222', GradientType=0);
    text-shadow: 0 1px 0 #971515;
    border: 1px solid #971515;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.tabOrderContainer .dx-button.depthbtn.buy {
    -moz-box-shadow: inset 1px 0 0 0 #95e87e;
    -webkit-box-shadow: inset 0 0 0 1px #95e87e;
    box-shadow: inset 0 0 0 1px #95e87e;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#78dd42),color-stop(1,#478526)) #78dd42;
    background: -moz-linear-gradient(top,#78dd42 5%,#478526 100%) #78dd42;
    background: -webkit-linear-gradient(top,#78dd42 5%,#478526 100%) #78dd42;
    background: -o-linear-gradient(top,#78dd42 5%,#478526 100%) #78dd42;
    background: -ms-linear-gradient(top,#78dd42 5%,#478526 100%) #78dd42;
    background: linear-gradient(to bottom,#78dd42 5%,#478526 100%) #78dd42;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64bc38', endColorstr='#5db62e', GradientType=0);
    border: 1px solid #478526;
    text-shadow: 0 1px 0 #70966a;
}

.rangePct .meter > div span.back {
    background: #449208 !important;
}

.rangePct .meter > div {
    background: #c33e33 !important;
}

.qtPrice {
    padding: 0 10px;
    text-align: left;
    float: left;
    font-size: 22px;
    width: 90%;
    font-weight: bold;
}

.qtTrend {
    float: right;
    font-size: 12px;
    padding-top: 0;
    font-weight: bold;
    height: 20px;
}

.qtDivTrend {
    position: relative;
    height: 24px;
}

.orderBookSellBuyBoxes .lblBuySell {
    position: absolute;
    z-index: 9;
    top: 12px;
    font-size: 12px;
    font-weight: bold;
    right: 12px;
}

.orderBookSellBuyBoxes .lblLowHigh {
    position: absolute;
    /* z-index: 9; */
    top: 42px;
    left: 12px;
    font-size: 11px;
    font-weight: bold;
    /* height: 60px; */
}

.orderBookSellBuyBoxes .lblOfferBid {
    position: relative;
    z-index: 9;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.orderBookSell .lblLowHigh {
    right: 12px;
    left: inherit;
}

.orderBookSell .lblBuySell {
    left: 12px;
    right: inherit;
}

.orderBookBuy {
    background: #449208;
    text-align: right;
}

.orderBookSell, .orderBookBuySell {
    height: 62px;
    cursor: pointer;
}

.horizontalRadio {
    display: inline-block;
}

.dx-rtl .fieldLeft, .dx-rtl .fieldLeft .dx-field-label, .dx-rtl .verticalTabs .dx-field-label {
    float: right;
}

.dx-rtl .fieldRight, .dx-rtl .fieldRight .dx-field-label {
    float: right;
}


.dx-color-scheme-light .tabOrderBody .greenBg .green, .dx-color-scheme-blue .tabOrderBody .greenBg .green, .dx-color-scheme-light .green, .dx-color-scheme-light .plus, .dx-color-scheme-blue .green, .dx-color-scheme-light .plus, .dx-color-scheme-light .dx-datagrid .dx-data-row td.colored.up, .dx-color-scheme-blue .dx-datagrid .dx-data-row td.colored.up {
    color: #0a920a !important;
}


.dx-color-scheme-light .sl-view-head .plus {
    color: #00ff00 !important;
}


.tabOrderBody .greenBg {
    /*background: #63b1cb;*/
    background: inherit;
}

.tabOrderBody .redBg {
    /*background: #dca8a5;*/
    background: inherit;
}

    .tabOrderBody .greenBg .comlbl, .tabOrderBody .greenBg .dx-field-label, .tabOrderBody .redBg .comlbl, .tabOrderBody .redBg .dx-field-label, .dx-color-scheme-blue .tabOrderBody .dx-radiobutton {
        color: #f1efef !important;
    }

.dx-color-scheme-light .tabOrderBody .greenBg .comlbl, .dx-color-scheme-light .tabOrderBody .greenBg .dx-field-label, .dx-color-scheme-light .tabOrderBody .redBg .comlbl, .dx-color-scheme-light .tabOrderBody .redBg .dx-field-label {
    color: #736f6f !important;
}

.comrow:hover {
    background: #3c676f;
}

.dx-color-scheme-light .comrow:hover {
    background: #e1ecee;
}

.dx-color-scheme-light .tabOrderBody .redBg {
    background: #FFDCE7;
}

.dx-color-scheme-light .tabOrderBody .greenBg {
    background: #e3f2ea;
}

.dx-color-scheme-blue .tabOrderBody .redBg {
    background: #693f4c;
}

.dx-color-scheme-blue .tabOrderBody .greenBg {
    background: #12444c;
}

.tabOrderContainer .symbolName {
    font-size: 75%;
}

.tabOrderContainer .dx-texteditor-input, .tabOrderContainer .dx-radiobutton-icon:before {
    border-radius: 5px;
    border: 1px solid #c1c0c0;
}

.tabOrderContainer .dx-texteditor {
    background: inherit;
    border: 0px;
}

.tabOrderBody .greenBg, .tabOrderBody .redBg {
    border-radius: 4px;
    min-height: 245px;
    padding: 4px;
    margin: 1px;
}

.tabOrderBody .dx-texteditor.dx-state-readonly {
    border: 0px;
}

.tabOrderBody .area-highlight {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

.ui-widget-header {
    background: inherit;
}

.btnArea {
    position: absolute;
    /* width: 50%; */
    margin: auto;
    bottom: 54px;
}

    .btnArea .dx-button {
        margin: 2px;
        border-radius: 4px;
        padding: 5px;
        border: 1px solid #c5c0c0;
    }



.dx-color-scheme-light .comlbl, .greenBg .comlbl, .redBg .comlbl {
    color: #585858;
}

.dx-color-scheme-blue .scxBackground {
    background: #00428c !important;
}

.dx-color-scheme-light .comval, .dx-color-scheme-light .greenBg .comval, .dx-color-scheme-light .redBg .comval, .dx-color-scheme-light .greenBg .ticker-info .title, .dx-color-scheme-light .redBg .ticker-info .title, .dx-color-scheme-light .redBg .ticker-info .details, .dx-color-scheme-light .greenBg .ticker-info .details {
    color: #000;
}

.newsTabs {
    border-bottom: 1px solid;
    padding-bottom: 18px;
}

    .newsTabs h5 {
        font-weight: 400;
        cursor: pointer;
    }

    .newsTabs .second {
        font-weight: 300;
    }

.dx-color-scheme-light .newsTabs .tail {
    color: #5998c2;
}

.dx-color-scheme-blue .dx-radiobutton {
    color: #4f63f1;
}

.comval {
    float: right;
    text-align: right;
    color: #ccc;
}

.dx-rtl .comval {
    float: left;
    text-align: left;
}

.dx-list-context-menucontent {
    max-width: 200px;
}

.portfolioHead .numdisplay {
    width: 69px;
}

.portfolioHead .field2Tri, .portfolioHead .fieldTri, .portfolioHead .fieldhalf {
    padding: 0px;
}

.portfolioHead dl.numdisplay dd {
    font-size: 93%;
    text-overflow: initial;
}

.portfolioHead dl.numdisplay dt {
    font-size: 88%;
}

.trxSymmaryFilters, .historicalSymbolFilters {
    height: 60px;
    padding: 10px;
}

    .trxSymmaryFilters .col {
        width: 30%;
        margin: 0 !important;
    }

        .trxSymmaryFilters .col .dx-field-label {
            width: 20%;
        }

        .trxSymmaryFilters .col .dx-field-value {
            width: 80%;
        }

.conditionalMaster .col {
    width: 50%;
}

.conditionalSymbol .col {
    width: 50%;
    margin-top: -6px;
}

.conditionalCriteria {
    border-top: 1px solid;
    padding: 5px 0;
}

    .conditionalCriteria .col {
        width: 30%;
    }

    .conditionalCriteria .lableCol {
        width: 10%;
    }

        .conditionalCriteria .lableCol .dx-field-label {
            width: 100%;
        }

.breakDown-grid-container {
    height: 70px;
}

.balanceBreakDownBalanceCalcCols .lableRow, .balanceBreakDownAvgCols .lableRow {
    margin: 0px;
}

    .balanceBreakDownBalanceCalcCols .lableRow div, .balanceBreakDownAvgCols .lableRow div {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.balanceBreakDownBalanceCalcCols .col {
    width: 20%;
}

.balanceBreakDownAvgCols .col {
    width: 33%;
}

.clientInformationFilters .dx-field-label {
    width: 60px;
}

.tradeconfirmationFilters .flable {
    width: 54px;
}

.sl-view-account .summpholdingcost {
    display: none;
}

.indexbadge .indexName {
    display: inline-block;
    width: 210px;
    overflow: hidden;
}

.statmentGrid {
    height: 400px;
}

.historicalSymbolFilters, .historicalSymbolGrid {
    height: 100%;
}

.historicalSymbolGrid {
    height: 85%;
}

#historicalSymbolGrid {
    font-size: 14px;
}

.SelectedCompanyCount {
    right: 5px;
}

.sl-view-balancebreakdown .dx-transition-inner-wrapper {
    width: 99%;
}

.orange {
    color: orange;
}

td.indicators.has-Smartorder > span.Smartorder-indicator {
    display: inline-block;
}

.emptyMeter {
    width: 100%;
    background: linear-gradient(to right, #f58e0e, #ffc112);
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 15px;
}

.headerLogo {
    display: none;
}
/*********************************************************** light Themes ***********************************************/
.dx-color-scheme-light .orderbadge .op.b, .dx-color-scheme-light .dx-datagrid .dx-data-row td.colored.up, .dx-color-scheme-light .tradeTickers .colored.up,
.dx-color-scheme-light .plus, .dx-color-scheme-light .green {
    color: #20a718 !important;
}

.dx-color-scheme-light .sl-view-head .orderbadge .op.b, .dx-color-scheme-light .sl-view-head .dx-datagrid .dx-data-row td.colored.up, .dx-color-scheme-light .sl-view-head .tradeTickers .colored.up,
.dx-color-scheme-light .sl-view-head .plus, .dx-color-scheme-light .sl-view-head .green {
    color: #3af730 !important;
}


.dx-color-scheme-light .marketwatch .dx-data-row td.bid, .dx-color-scheme-light .marketwatch .dx-data-row td.offer {
    color: #444 !important;
}

.dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row, .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    color: #444;
}

    .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row, .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row:hover {
        background-color: #64b6ec;
        color: #303030;
    }
/*********************************************************** Black Themes ***********************************************/
.dx-color-scheme-dark .dx-datagrid-rowsview .dx-selection.dx-row, .dx-color-scheme-dark .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    background-color: #545406;
    color: #F1F1F1;
}
/***********************************************************************************************************************/
.dx-rtl .dx-field-label {
    float: right;
}

.dx-rtl .dx-field-value {
    float: left;
}

#alerts .rowlist .thebadge {
    padding-top: 9px;
}

.dx-rtl .sl-app-workspaces {
    padding-top: 30px;
}

.dx-rtl #dxGridContainerStatmentList {
    width: 100% !important;
}

.dx-rtl .gs-w.sl-view.sl-view-maximized {
    left: 0 !important;
}

.loginscreen .lang .dx-radiogroup .dx-radiobutton, .dx-radiogroup .dx-radiobutton-icon {
    color: black;
}

.loginscreen .lang {
    display: none;
}

/*.scxIndicatorItem{
    display:none;
}*/

.exSignout {
    /*margin-top: -79px;
 
    width: 68px;
   
    margin-right: -20px;
    box-shadow: inset 0px 0px 12px #FFF;*/
    position: fixed;
    top: 50px;
    position: fixed;
    right: 99px;
    top: -6px;
    box-shadow: inset 0px 0px 12px #FFF;
}

    .exSignout .dx-button-content span {
        color: white !important;
        font-weight: bold;
        font-size: 12px;
    }

.exSignout {
    display: none;
}

.captchatxt {
    display: initial;
    position: absolute;
    top: 146px;
    width: 209px;
    border-bottom: solid #333333 !important;
}

#captcha {
    position: absolute;
    top: 71px;
    right: 11px;
}

.captchatxt {
    display: none;
}

#captcha {
    display: none;
}

.dx-rtl .exSignout {
    left: 99px;
    right: unset;
}

.dx-datagrid-column-chooser-button {
    float: inherit;
}

.dx-field-valuesmall {
    width: 22% !important;
    position: absolute;
    right: 0px;
    bottom: 14px;
}

.conditional-edit .dx-field-valuesmall {
    right: -25px;
}


.dx-rtl .dx-field-valuesmall {
    right: inherit;
    left: 0px;
}

.conditional-edit .dx-rtl .dx-field-valuesmall {
    left: -25px;
}

.dx-field-valuesmallSett {
    bottom: 0px;
}

.OrderEditPP .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .OrderEditPP .dx-field-value-static {
    width: 66%;
}

.OrderEditPP .dx-field-label {
    width: 34%;
}

.flex-width-inside {
    width: 250px;
}


.changepassword_container .dx-icon-check, .changepassword_container .dx-icon-close {
    padding: 10px;
    color: white;
}

.dx-color-scheme-light .changepassword_container .dx-icon-check, .changepassword_container .dx-icon-close {
    padding: 10px;
    color: #333;
}


    .changepassword_container .dx-icon-close:before, .changepassword_container .dx-icon-check:before {
        background-color: red;
        font-weight: bold;
        color: white;
        border-radius: 4px;
        padding: 3.1px;
        font-size: 10px;
    }

.changepassword_container .dx-icon-check:before {
    background-color: #00a63f;
    font-weight: bold;
    color: white;
    border-radius: 4px;
    padding: 3.1px;
    font-size: 10px;
}

.tabOrderFields .btnArea {
    position: absolute;
    /* width: 50%; */
    margin: auto;
    bottom: 7px;
}
/*********************************************************** custom ADCB begin ***********************************************/
.ADCB-css .loginscreen {
    background: black;
}

    .ADCB-css .loginscreen h4 {
        color: white;
        text-align: center;
        padding: 16px;
    }

    .ADCB-css .loginscreen .uname .dx-texteditor-input {
        border-radius: 0 0 0 0;
    }

    .ADCB-css .loginscreen .pword .dx-texteditor-input {
        border-radius: 0 0 0 0;
        margin-top: 5px;
    }

.ADCB-css .pword .dx-placeholder {
    top: 6px;
}

.ADCB-css .loginscreen {
    color: white;
}

    .ADCB-css .loginscreen .dx-button {
        background-color: #ed3023;
    }

    .ADCB-css .loginscreen .dx-button-has-text .dx-button-content {
        padding: 0px 0px 0px;
    }

    .ADCB-css .loginscreen .dx-button {
        padding: 8px;
        border-radius: 0px;
    }

    .ADCB-css .loginscreen #login {
        width: 40%;
    }


    .ADCB-css .loginscreen .inner {
        background: black;
        border: 0px;
        margin-top: -22%;
    }

.ADCB-css .login_footer {
    display: block;
    width: 730px;
    margin-left: -196px;
    margin-top: -9px;
    border: 1px solid rgba(255, 255, 255, 0.49);
    padding: 0px 16px;
}

.ADCB-css .version {
    display: none;
}

.ADCB-css .keyboard {
    margin-top: -74px;
    margin-left: 133px;
    visibility: hidden;
}

.ADCB-css .termDetailHtml {
    background: #cdcdcd repeat-x 0;
    color: black;
    display: block;
    color: #28292b;
    /* float: left; */
    font-size: 1.2em;
    padding: 37px 80px 72px 85px;
}

.ADCB-css .popupLoginbody iframe {
    display: none;
}

.ADCB-css .loginscreen .dx-button-text {
    width: 70px;
}

.ADCB-css .sl-app-workspaces {
    padding-top: 1px !important;
}

.ADCB-css .left_menu_nav {
    background: linear-gradient(to bottom, #3d3d3d, #212121);
    width: 200px;
    padding-top: 24px;
    /*padding-left: 18px;*/
    position: absolute;
    /* Firefox */
    height: -moz-calc(100% - 75px);
    /* WebKit */
    height: -webkit-calc(100% - 75px);
    /* Opera */
    height: -o-calc(100% - 75px);
    /* Standard */
    height: calc(100% - 75px);
    overflow-x: hidden;
}

.ADCB-css .left_logo {
    /*background: linear-gradient(to bottom, #3d3d3d, #212121);*/
    position: absolute;
    margin-left: -232px;
}



.ADCB-css .sl-app-workspaces {
    width: -moz-calc(100% - 200px);
    /* WebKit */
    width: -webkit-calc(100% - 200px);
    /* Opera */
    width: -o-calc(100% - 200px);
    /* Standard */
    width: calc(100% - 200px);
    overflow: hidden;
    float: right;
    position: absolute;
    right: 0px;
    height: 98%;
}
/* 
.ADCB-css .sl-view-head > div.far{
    display:none !important;
}*/
.ADCB-css [title~="Maximize"] {
    display: none !important;
}

.ADCB-css [title~="Close"] {
    display: none !important;
}

.ADCB-css .quickOneLine {
    top: 67px;
}

.ADCB-css .dx-treeview .dx-treeview-node {
    /*padding-left: 3px;*/
    /*background: linear-gradient(to bottom, #3d3d3d, #212121);*/
}

.ADCB-css .dx-menu .dx-menu-item-has-submenu .dx-item-content.dx-menu-item-content {
    margin: auto 9px;
    display: none;
}

.ADCB-css .workSpaceMarqueeContainer {
    display: none;
}

.ADCB-css .tickersMarquee {
    margin-left: 350px;
}

.ADCB-css .notification_ADCB {
    position: absolute;
    height: 20px;
    right: 117px;
    top: 11px;
    z-index: 20;
    WIDTH: 86px;
}

.ADCB-css .client_name_cls {
    margin: 198px;
    font-size: 13px;
}

.ADCB-css .sl-view .sl-scroll-view {
    height: 90%;
}

.ADCB-css .last_login_cls {
    font-size: 13px;
    margin: -195px;
}

.ADCB-css .notifications-count {
    text-align: center;
    position: absolute;
    top: 0px;
    right: 72px;
    width: 14px;
    height: 13px;
    line-height: 15px;
    border-radius: 12px;
    font-size: 113%;
    /* COLOR: RED; */
    background: red;
}

.notification_ADCB .dx-menu-horizontal ul > li:first-child {
    display: none;
}

.left_menu_nav .dx-scrollable-content > ul > li > div {
    background: #000;
}

.client_name_cls {
    margin: 35%;
}

.last_login_cls {
    margin: -35%;
}

.ADCB-css #clockdate-full {
    bottom: 10px;
    right: 4px;
    padding: 10px 0px;
    width: 60px;
    DISPLAY: NONE;
}

.ADCB-css .left_logo img {
    position: relative;
    bottom: 32px;
    left: 20px;
    width: 100%;
}

}

.ADCB-css .far-menu .dx-button-has-text .dx-button-content {
    margin-left: 2px;
    padding: 0px;
}

.ADCB-css .sl-view-accountsummary .account .cols .col {
    width: 40%;
}

.ADCB-css .otherMarquees > div {
    -webkit-flex: none; /* Chrome */
    -ms-flex: none; /* IE 10 */
    flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    box-shadow: inset 0px 25px 25px -25px rgba(129,129,129,0.75);
    border-top: 1px solid #999;
}

.ADCB-css .wrapper-clockdate {
    padding: 2px;
}



.ADCB-css .sl-view-maximized .marketwatch {
    /*  height: 90% !important;*/
    height: 100% !important;
}

.ADCB-css .round-button-circle a.dx-state-hover, .ADCB-css .round-button-circle a.dx-state-focused, .ADCB-css .round-button-circle a {
    padding-bottom: 30px;
    border-radius: 0px;
    background-image: url(../images/ADCB/quickorder.png);
    width: 145px;
}


/*.ADCB-css .map {
    height: 100% !important;
}*/

.ADCB-css .portfolioList {
    height: 95% !important;
}

.ADCB-css .sl-view-markets .sl-view-container {
    height: 480px !important;
}

.ADCB-css .sl-view-indices .sl-view-container {
    height: 95% !important;
}

.ADCB-css .sl-view-indices .dx-scrollable-content {
    height: 480px !important;
}

.ADCB-css .indices-list > div {
    height: 95% !important;
}

.ADCB-css .sl-view-chart .sl-view-container {
    width: 1100px !important;
    height: 480px !important;
}

.ADCB-css .scxContainer {
    width: 1100px !important;
}

.ADCB-css .scxPanelsContainer {
    width: 100% !important;
}

.ADCB-css .scxChartPanel {
    width: 100% !important;
}

.ADCB-css .scxWatermark {
    width: 100% !important;
}

.ADCB-css .scxBackground {
    width: 100% !important;
}

.ADCB-css .placebtn.blue {
    background-color: #67c152 !important;
}

.ADCB-css .dx-popover-wrapper .dx-popup-title.dx-toolbar {
    background-color: #67c152;
    color: #000;
}

.ADCB-css .order-popover .dx-popup-title.pink, .ADCB-css .dx-button.placebtn.pink, .ADCB-css .orderdir.pink {
    background-color: #ee3124;
}

.ADCB-css .plus {
    color: #67c152 !important;
}

.ADCB-css .green {
    color: #67c152 !important;
}


.ADCB-css .minus {
    color: rgb(237,48,35) !important;
}

.ADCB-css .red, .ADCB-css .dx-datagrid .dx-data-row td.colored.down {
    color: rgb(237,48,35) !important;
}

.ADCB-css .sl-view-accountsummary .account .cols .col {
    max-width: inherit;
}
/*.ADCB-css .round-button-circle a.dx-state-hover, .ADCB-css .round-button-circle a.dx-state-focused, .ADCB-css .round-button-circle a {
    outline: 0;
    width: 149px;
    height: -5px;
    padding-bottom: 26px;
    border-radius: 0px; 
    -moz-box-shadow: -1px 6px 22px -2px rgba(0,0,0,0.75); 
}*/

/*.ADCB-css .quick-order-button {
    top: 66px; 
    position: absolute;
    height:18px;
    z-index: 1000;
    right: 5px;
}*/
/*
.ADCB-css .quick-order-button {
    opacity: 0.3;
    filter: alpha(opacity=50);  
}

.ADCB-css .quick-order-button:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);  
}
*/
.ADCB-css .dx-tab-text {
    vertical-align: middle;
    line-height: 21px;
    font-size: 125%;
    font-weight: bold;
    color: white;
}

.ADCB-css .thebadge.header {
    font-weight: bold;
    color: white;
    font-size: 12.3px;
}

.ADCB-css .indexbadge h5, .ADCB-css .indexbadge .second {
    color: gray !important;
}

.ADCB-css .order-popover .dx-popup-title.blue, .ADCB-css .dx-button.placebtn.blue, .ADCB-css .orderdir.blue {
    background-color: #67c152;
    color: #000;
}

.ADCB-css .dx-datagrid-rowsview .dx-selection.dx-row > td, .ADCB-css .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #000;
}

.ADCB-css .passShow {
    position: relative;
    width: 342px;
    top: -158px;
    left: 2.5%;
    z-index: 0;
}

.ADCB-css .loginscreen .chkcontainer {
    padding: 29px;
}

.ADCB-css .keyboardImg {
    z-index: 1;
    top: 19px;
    visibility: hidden;
}

.ADCB-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.ADCB-css .sl-view-container {
    /*  height: 580px !important;*/
    height: 100% !important;
}

.ADCB-css .map {
    width: 1168px !important;
}

.ADCB-css .multicol .sidecol {
    height: 125% !important;
}

.ADCB-css .orders-grid-container .dx-datagrid-rowsview {
    height: 415px !important;
}

.ADCB-css .dx-list-context-menucontent {
    /*left: -480px !important;*/
    -webkit-transition: 1s;
}

.ADCB-css .depthbtn.buy, .ADCB-css meter > div > span.back, .ADCB-css .green.meter > div span.back {
    background: #03de5b !important;
}

.ADCB-css .depthbtn.sell, .ADCB-css .red.meter > div span.back, .ADCB-css .meter > div {
    background: linear-gradient(to right, #ee3124, #ee3124);
    color: white;
}

.ADCB-css .multicol .sidecol .title {
    padding: 8px 10px;
    font-weight: bold;
    font-size: 125%;
    color: white;
}

.ADCB-css .marketsummary .group.g1 dl.numdisplay {
    width: 145px;
}

.ADCB-css .noChange {
    color: rgb(54, 142, 216);
}

.ADCB-css .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: inline-block;
}

.ADCB-css .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    font-weight: 700;
    font-size: 12.3px;
}

.ADCB-css .tickerquotes-view .dx-datagrid-content {
    font-size: 13px;
}

.ADCB-css .indexbadge .dx-view .g2 {
    width: 485px;
}

.ADCB-css .percent:after, .ADCB-css .change:after {
    vertical-align: BASELINE;
}

.ADCB-css .dx-button-text {
    color: white;
    font-weight: bold;
    text-transform: none;
}

.ADCB-css .Forgot_Password {
    display: block;
    position: absolute;
    margin-left: 2%;
    top: 45%;
}

.ADCB-css .rememberme {
    display: none;
}

.ADCB-css .loginscreen .dx-fieldset {
    height: 119px;
}

.ADCB-css .tickerquotes-view .dx-datagrid-total-footer {
    bottom: 300px !important;
}

.ADCB-css .meter.green > div span.text, .ADCB-css .meter.red > div span.text {
    color: white;
}
/*.ADCB-css .dx-list-item{
  
    cursor: auto;
      font-size: 128%;
    font-weight: bold;
}*/
.ADCB-css .news-list .dx-list-item {
    cursor: pointer;
}

.ADCB-css .indices-list .dx-list-item {
    cursor: auto;
    font-size: 12.7px;
}

.ADCB-css .indices-list .rowlist .thebadge {
    padding-bottom: 10px;
}

.ADCB-css .tickers-list .dx-list-item {
    cursor: auto;
    font-size: 12.7px;
}


.ADCB-css .newsMarquee {
    cursor: pointer;
    width: 100%;
}

.ADCB-css .workspace-layout > .dx-scrollview > .dx-scrollable-container > .dx-scrollable-content {
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.ADCB-css .summary-chart {
    width: 150% !important;
    height: 280px !important;
}

.ADCB-css .portnetpl, .ADCB-css .portrealizedpl, .ADCB-css .portexpectedsell, .ADCB-css .portpl {
    display: none !important;
}

.ADCB-css .dx-treeview .dx-treeview-node {
    padding-left: 0px;
    text-indent: 5px;
}

.ADCB-css .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -7px;
    left: 80%;
    margin-left: -14px;
}

.ADCB-css .dx-treeview .dx-treeview-toggle-item-visibility:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -7px;
    left: 80%;
    margin-left: -14px;
}

.ADCB-css .dx-treeview .dx-treeview-item {
    padding: 5px 10px;
    min-height: 31px;
}

.ADCB-css .currently-active-item {
    font-weight: bold;
    background-color: rgba(197, 197, 197, .1);
}

    .ADCB-css .currently-active-item span {
        border-bottom: 1px solid #03de5b;
    }

.ADCB-css .dx-datagrid .dx-data-row td.pct:after {
    vertical-align: middle;
}

.ADCB-css .indices-list .dx-view-placeholder {
    height: 284px;
}

.ADCB-css .statebadge .extra .c {
    width: 105px;
}

.ADCB-css .ingredients dt, .ADCB-css .symboldetails dt {
    color: white;
    font-weight: bold;
}

.ADCB-css .dx-selectbox .dx-texteditor-input:read-only {
    padding-top: 1px;
    font-size: 97%;
    font-weight: bold;
}

.ADCB-css .dx-datagrid-total-footer td .dx-datagrid-summary-item.blue, .ADCB-css tr.dx-row.dx-data-row.blue {
    color: #67c152 !important;
}

.ADCB-css .tickerquotes-view .dx-datagrid-headers .dx-datagrid-text-content {
    text-align: center;
}

.ADCB-css .sl-view-clientinformation .comrow {
    width: 32%;
    font-size: 12px;
}
    /*.ADCB-css .sl-view-clientinformation .cols .col
{
        width: 30%;
}*/
    .ADCB-css .sl-view-clientinformation .comrow .comlbl {
        font-weight: 600 !important;
    }

.ADCB-css .sl-view-clientinformation .sl-view-head .title {
    color: white;
    font-weight: bold;
}

.ADCB-css .sl-view-clientinformation .clientInformationFilters .dx-field-label {
    color: white;
    font-weight: bold;
    font-size: 120%;
    width: 120px;
}

.ADCB-css .sl-view-clientinformation .cl-note {
    top: 5px;
    position: relative;
    height: 21px;
}

.ADCB-css .sl-view-head .dx-texteditor {
    bottom: 1px;
}
/*.ADCB-css .dxc-legend{
    transform:translate(-250px,10px) !important;
    -ms-transform:translate(-250px,10px) !important;

}
 */
.ADCB-css .dx-menu-base .dx-menu-item .dx-menu-item-content {
    color: white;
    font-weight: bold;
}

.ADCB-css .alerts .dx-field-label {
    color: white !important;
    font-weight: bold;
}

.ADCB-css .alerts .alert-notify-me {
    color: white !important;
    font-weight: bold;
}

.ADCB-css .alerts .dx-selectbox .dx-texteditor-input:read-only {
    font-weight: bold;
    font-size: 11.7px;
}

.ADCB-css .sl-view-head .title {
    font-size: 130%;
    color: white;
    font-weight: bold;
}

/*.ADCB-css  .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content{
width:350px !important;
}

 .ADCB-css div.flex-width {
    -webkit-flex: 0;  
    -ms-flex: 0;  
    flex: 0;  
} 
  .ADCB-css .far{
    right:39%; 
} */
.ADCB-css .otherMarquees {
    padding-left: 51px;
}

.ADCB-css .statebadge .value, .ADCB-css .statebadge .remark, .ADCB-css .statebadge .extra {
    font-size: 100%;
}

.ADCB-css .statebadge .balance {
    font-size: 100%;
}

.ADCB-css .statebadge .d {
    font-weight: bold;
}

.ADCB-css .statebadge.header {
    font-size: 114%;
}

.ADCB-css .trxSymmaryFilters .dx-field-label {
    color: white;
    font-weight: bold;
}

.ADCB-css .quick-order-content .dx-selectbox .dx-texteditor-input:read-only {
    font-weight: bold;
}

.ADCB-css .loginscreen #clear {
    display: block !important;
    position: absolute;
    margin-left: 49%;
    top: 322px;
    width: 37%;
}

.ADCB-css .loginscreen .dx-button {
    margin: 9px;
}

.ADCB-css .currently-active-list-item {
    font-weight: bold;
    background-color: rgba(197, 197, 197, .1);
}

.ADCB-css .sl-view-account .sumRealisedPL {
    display: none;
}

.ADCB-css .sl-view-account .sumnetpl {
    display: none;
}

.ADCB-css .sl-view-account .summpholdingcost {
    display: block;
}

.ADCB-css .sl-view-tradeconfirmation .dx-scrollable-container {
    height: 580px !important;
}

.ADCB-css .tickers-list .dx-scrollview-content .dx-list-item-content {
    background: transparent !important;
}

.ADCB-css .marketsummary dl.numdisplay dt {
    color: white;
    font-weight: bold;
    font-size: 13px;
}
/*.ADCB-css .sl-view-head .dx-texteditor-buttons-container
{
    right:75%;
}*/
.ADCB-css .sl-view-watchgrid .sl-view-head .dx-texteditor-buttons-container {
    right: 0%;
}

.ADCB-css .orders-datagrid dl.numdisplay dd {
    height: 24px;
}

.ADCB-css .orders-datagrid .orderId, .ADCB-css .orders-datagrid .AccountID, .ADCB-css .orders-datagrid .sumavgexeprice {
    display: none;
}

.ADCB-css dl.numdisplay dt {
    font-weight: 700;
    color: white !important;
    font-size: 125%;
    margin-bottom: -3px;
}

.ADCB-css .portfolio-details dl.numdisplay.w {
    width: 150px;
    padding-top: 9px;
}

.ADCB-css .far-menu {
    padding-top: 12px;
    font-weight: bold;
    font-size: 11.5px;
    padding-bottom: 12px;
}

    .ADCB-css .far-menu .dx-button-has-text, .ADCB-css .far-menu .dx-button-has-text.dx-state-hover, .ADCB-css .far-menu .dx-button-has-text.dx-state-active, .ADCB-css .far-menu .dx-button-has-text.dx-state-focused {
        border-width: 0px;
    }

.left_menu_nav .dx-scrollable-content > ul > li > div {
    font-weight: bold;
    font-size: 11.5px;
}

.ADCB-css #spanTimer-full {
    position: fixed;
    top: 42px;
    left: 199px;
    font-size: 109%;
}

.ADCB-css .indexbadge .change {
    display: inline-block;
    width: 130px;
}

.ADCB-css .marketsMarqueeActions {
    box-shadow: inset 0px 25px 25px -25px rgba(129,129,129,0.75);
    border-top: 1px solid #999;
}

.ADCB-css .trades-expandedrow dl.numdisplay, .ADCB-css .orders-expandedrow dl.numdisplay {
    width: 95px;
}

.ADCB-css .trades-expandedrow .w4, .ADCB-css .orders-expandedrow .w4 {
    width: 195px !important;
}

.ADCB-css .sl-today-trades-grid .red, .ADCB-css .sl-today-trades-grid .dx-datagrid .dx-data-row td.colored, .ADCB-css .sl-today-trades-grid .tradeTickers .colored {
    color: white;
}

    .ADCB-css .sl-today-trades-grid .red, .ADCB-css .sl-today-trades-grid .dx-datagrid .dx-data-row td.colored.down {
        color: white;
    }

.ADCB-css .sl-today-trades-grid .dx-datagrid-total-footer td .dx-datagrid-summary-item.blue, .ADCB-css .sl-today-trades-grid tr.dx-row.dx-data-row.blue {
    color: white !important;
}

.ADCB-css .sl-today-trades-grid .orderbadge .op.b, .ADCB-css .sl-today-trades-grid .dx-datagrid .dx-data-row td.colored.up, .ADCB-css .sl-today-trades-grid .tradeTickers .colored.up {
    color: white !important;
}

.ADCB-css .sl-today-trades-grid .dx-datagrid .dx-data-row td.colored.up {
    color: white !important;
}

.ADCB-css .mw-datagrid .group.g1 .orders-grid-container .dx-datagrid-rowsview {
    height: 176px !important;
    overflow: auto;
}

.ADCB-css .sl-view-account .dx-selectbox-container {
    width: 350px;
}

.ADCB-css #mbpGrid .dx-datagrid-total-footer .meter {
    text-align: center !important;
}

.ADCB-css .statmentGrid {
    height: 515px;
}

.ADCB-css #dxGridContainerTradeList .dx-datagrid-group-closed {
    display: none;
}

.ADCB-css #trdSum-grid .dx-datagrid-content .dx-data-row > td {
    text-align: center !important;
}

.ADCB-css #trdSum-grid {
    width: 78% !important;
    padding-left: 16%;
}

.ADCB-css .sl-view-news .dx-texteditor-container, .ADCB-css .sl-view-indices .dx-texteditor-container, .ADCB-css .sl-view-statistics .dx-texteditor-container {
    width: 350px;
}

.ADCB-css .dx-datagrid-action, .ADCB-css .dx-datagrid-drag-action {
    cursor: default;
}

.ADCB-css .statmentGrid .dx-datagrid-content, .ADCB-css .trxSummary-grid .dx-datagrid-content {
    font-size: 115%;
}

.ADCB-css .ingredients dt, .ADCB-css .symboldetails dt {
    color: white !important;
    font-size: 12px;
    font-weight: 900 !important;
}

.ADCB-css .pad > h4 {
    color: white;
    font-weight: 700;
}

.ADCB-css .tradeConfirmation-grid-container .dx-datagrid-rowsview {
    height: 435px !important;
}

.ADCB-css .sl-view-alerts .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
    font-weight: bold;
}

.ADCB-css #trdSum-grid .dx-header-row .dx-datagrid-action {
    text-align: center !important;
}

.ADCB-css .dx-treeview-node-container {
    font-size: 105% !important;
}

.ADCB-css .markets .market-item h5 {
    font-size: 15px !important;
}

.ADCB-css .markets .percent, .ADCB-css .markets .change {
    font-size: 11.5px;
}

.ADCB-css .marketwatch .cols .col.depth {
    width: 400px;
}

.ADCB-css .top-right-area {
    margin-right: 12px;
}

.ADCB-css .quotebadge .total {
    font-size: 150%;
}

.ADCB-css .quick-order-content .dx-dropdowneditor-button-visible .dx-texteditor-input {
    font-weight: bold;
}

.ADCB-css .mw-datagrid td.indicators > span:not(.dx-datagrid-search-text) {
    float: none;
    margin-left: 3px;
}

.ADCB-css .indexbadge .symbol {
    width: 160px;
}

.ADCB-css .sl-view-head > div.near {
    bottom: 0px;
}

.ADCB-css .indexbadge .last {
    width: 80px;
}

.ADCB-css .sl-view-markets .market-item .details {
    display: none;
}

.ADCB-css .sl-view-account .minus {
    color: rgb(237,48,35) !important;
    font-weight: 900;
}

.ADCB-css .marketCINFO {
    display: none;
}

.ADCB-css .chevronup {
    position: relative;
    bottom: 5px;
    left: 12px;
}

.ADCB-css .chevrondown {
    position: relative;
    top: 7px;
    right: 2px;
}

.ADCB-css .verifyBtn {
    position: relative;
    width: 44%;
}

.ADCB-css .login-buttons #verify {
    display: block !important;
    top: -65px;
}

.ADCB-css .login-buttons #clearOtp {
    display: block !important;
    top: -104px;
    margin-left: 53%;
}

.ADCB-css .account .cols .col {
    width: 27%;
}

.ADCB-css .left_menu_nav .dx-scrollable-content > ul > li > div {
    font-size: 125%;
}

.ADCB-css .far-menu .dx-button-has-text .dx-button-content {
    padding: 0px 0px 1px;
}

.ADCB-css .sl-view-indices .indexbadge .indexName {
    display: inline-block;
    width: 210px;
    font-weight: bold;
    font-size: 12.3px;
}

.ADCB-css .marqueeItem i.fa,
.ADCB-css .marqueeItem .change,
.ADCB-css .marqueeItem .percent {
    display: inline-block;
    font-size: 104%;
    font-weight: bold;
}

.ADCB-css .marketsMarquee dl.numdisplay dd, .ADCB-css .marketsMarquee dl.numdisplay dt {
    top: 0px;
}

.ADCB-css .indicators {
    font-size: 100%;
    font-weight: bold;
}

.ADCB-css .no-data-selected-msg {
    padding-top: 18%;
    font-size: 125%;
}

.ADCB-css .dx-datagrid-nodata {
    color: #707070;
    font-size: 18px;
    font-weight: bold;
}

.ADCB-css .dx-theme-generic-typography h3 {
    font-size: 125%;
    font-weight: bold;
}

.ADCB-css .newsMarquee .marquee {
    display: none;
}

.ADCB-css .quick-order-button {
    top: 62px;
    z-index: 1;
}

.ADCB-css .dx-toolbar-label > div {
    font-size: 85%;
    font-weight: bold;
}

.ADCB-css .sl-view-head > .sl-view-custom-head > div:not(.far):first-child .dx-texteditor, .ADCB-css .sl-view-head > .sl-view-custom-head > div.dx-texteditor:not(.far):first-child {
    padding-top: 1px;
    font-weight: bold;
    font-size: 131%;
}

.ADCB-css .dx-tab.dx-state-hover:not(.dx-tab-selected) {
    background-color: rgba(197, 197, 197, .1);
}

    .ADCB-css .dx-tab.dx-state-hover:not(.dx-tab-selected) .dx-tab-text {
        color: #dbdbdb;
    }

.ADCB-css .dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid white;
}
/*.ADCB-css .dx-popup-content{
     height:100%!important;
 }
 */
.ADCB-css .dx-icon-clear:before {
    content: none;
}

.ADCB-css .dx-icon-clear {
    display: none !important;
}

.ADCB-css .sl-markets-part .indexName {
    font-weight: bold;
    font-size: 12.3px;
}
/*.ADCB-css  .meter > div > span.back{
background: #03de5b !important;
}*/
.ADCB-css .dx-icon-cart {
    content: none;
}

    .ADCB-css .dx-icon-cart:before {
        content: none;
    }

.ADCB-css .clientInformationFilters .dx-field-value.dx-widget, .ADCB-css .clientInformationFilters .dx-field-value:not(.dx-widget) > .dx-widget {
    margin-top: -24px;
}

.ADCB-css .clientInformationFilters .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .ADCB-css .clientInformationFilters .dx-field-value-static {
    width: 77% !important;
}

.ADCB-css .clientInformationFilters .dx-selectbox .dx-texteditor-input:read-only {
    font-size: 116%;
    font-weight: bold;
}

.ADCB-css .markets-list dl.numdisplay dt {
    font-size: 100%;
}

.ADCB-css .statebadge .c {
    color: #67c152;
}

.ADCB-css .marqueeItem i.fa,
.ADCB-css .marqueeItem .change,
.ADCB-css .marqueeItem .percent {
    font-size: 102%;
}

.ADCB-css .alerts-list .dx-list .dx-empty-message {
    padding: 160px 511px;
    font-size: 125%;
    font-weight: bold;
}

.ADCB-css .dx-treeview .dx-treeview-item .dx-treeview-item-content {
    padding-top: 3px;
}

.ADCB-css .quick-order-content .Stoploss {
    display: none;
}

.ADCB-css .quick-order-content .Takeprofit {
    display: none;
}

.ADCB-css .quick-order-content .placebtn.blue {
    top: 2px;
}

.ADCB-css .sl-markets-part .last, .ADCB-css .sl-markets-part .change, .ADCB-css .sl-markets-part .lindex, .ADCB-css .sl-markets-part .vol, .ADCB-css .sl-markets-part .hindex, .ADCB-css .sl-markets-part .prvVal, .ADCB-css .sl-markets-part .turn {
    text-align: right;
}

.ADCB-css .quick-order-content .placebtn.pink {
    top: 2px;
}

.ADCB-css .indices-list .last, .ADCB-css .indices-list .change, .ADCB-css .indices-list .lindex, .ADCB-css .indices-list .vol, .ADCB-css .indices-list .hindex, .ADCB-css .indices-list .prvVal, .ADCB-css .indices-list .turn {
    text-align: right;
}

.ADCB-css .alerts .exAlert {
    display: none;
}

.ADCB-css .ui-dialog .ui-dialog-buttonpane button {
    color: black;
}

.ADCB-css .ui-dialog .ui-dialog-titlebar-close {
    visibility: hidden;
}

.ADCB-css #tradeConfirmationGrid {
    width: 100% !important;
}

.ADCB-css .dx-icon-email {
    display: none;
}

.ADCB-css .passpolicy {
    display: none;
}

.ADCB-css .changePass .dx-overlay-content {
    /* height: auto !important;*/
}
/*.ADCB-css .changePass .dx-overlay-content .dx-popup-content {
        height: auto !important;
}*/

@media only screen and (max-device-width: 480px) {
    body, .dx-theme-generic-typography, .dx-widget, .font-zero > * {
        background: black;
    }

    .ADCB-css .loginscreen {
        /* max-height: 441px;*/
        max-height: 290px;
        text-align: -webkit-center;
    }

    .loginscreen .inner {
        /*padding-right: 20px;*/
        padding-left: 0px;
        padding-right: 0px;
        margin-top: -35% !Important;
        width: 100%;
        text-align: -webkit-center;
    }

    .ADCB-css .login_footer {
        padding: 0px 16px 10px 16px;
        width: 100%;
        margin-left: 0px;
        margin-top: -70px;
        font-size: 8px;
        text-align: left;
    }

    .ADCB-css .changePass .dx-overlay-content {
        /* height: 270px !important;*/
        border: transparent;
        background-color: black;
    }

        .ADCB-css .changePass .dx-overlay-content .dx-popup-content {
            /* height: 270px !important;*/
            padding: 0px;
            background: black;
        }

    .changepassword_container {
        display: block !important;
        padding-top: 22px !important;
        /* padding-left: 0px; */
        margin-left: -28px !important;
        border: 0px solid #b1acac !important;
    }

    #userName input {
        max-width: 342px;
    }

    .ADCB-css .loginscreen .pword .dx-texteditor-input {
        margin-top: 13px;
    }

    #userName .dx-texteditor-container {
        margin: 10px;
    }

        #userName .dx-texteditor-container .dx-placeholder {
            margin-left: 24px;
        }

    .loginscreen .login-buttons {
        text-align: inherit;
    }

    .ADCB-css .Forgot_Password {
        left: 9%;
        top: 50%;
    }

    .ADCB-css .loginscreen #login {
        margin-right: 40%;
    }

    .ADCB-css .loginscreen #clear {
        margin-left: 54%;
        width: 40%;
    }

    .ADCB-css .pword .dx-placeholder {
        top: 10px;
    }

    .ADCB-css .login-buttons #verify {
        display: block !important;
        top: -65px;
        margin-right: 54%;
    }
}

.ADCB-css .sl-view-account .sl-view-head .dx-texteditor {
    position: absolute;
    left: 130px;
}

.ADCB-css .sl-view-account .sl-view-head .sl-view-custom-head {
    padding-left: 68%;
}
/*begin**********************************disable ticker dorp down*/
.ADCB-css .tickersMarquee .dx-selectbox {
    display: none
}

.ADCB-css .tickersMarquee {
    margin-left: 260px;
}

.ADCB-css .sl-view-watchgrid .dx-master-detail-row {
    direction: rtl;
}

    .ADCB-css .sl-view-watchgrid .dx-master-detail-row .qcontent .g1, .ADCB-css .sl-view-watchgrid .dx-master-detail-row .qcontent .g2, .ADCB-css .sl-view-watchgrid .dx-master-detail-row .qcontent .g3 {
        direction: ltr;
    }
/*end**********************************disable ticker dorp down*/

/*
.ADCB-css .dx-widget input, .ADCB-css .dx-widget textarea {
 font-weight: bold;
}*/
/*********************************************************** custom ADCB End ***********************************************/
/*********************************************************** custom CBIS begin ***********************************************/
.CBIS-css .changepassword_container .dx-widget {
    color: white;
}

.CBIS-css .changepassword_container .dx-icon-check, .CBIS-css .changepassword_container .dx-icon-close {
    padding: 10px;
    color: white;
}

.CBIS-css .workSpaceMarqueeActions > div.dx-button {
    margin-top: 22px;
}

.CBIS-css .workSpaceMarqueeContainer {
    position: absolute;
    width: 15%;
    right: 0px;
    top: -4px;
}

.CBIS-css .dx-rtl .workSpaceMarqueeContainer {
    left: 0px;
    right: inherit;
}

.CBIS-css .round-button-circle a.dx-state-hover, .CBIS-css .round-button-circle a.dx-state-focused, .CBIS-css .round-button-circle a {
    background-image: url('../images/CBIS/quickorder.png');
}

body.CBIS-css .dx-rtl,
.CBIS-css .dx-rtl .dx-theme-generic-typography,
.CBIS-css .dx-rtl .dx-widget, .CBIS-css .dx-rtl .dx-field,
.CBIS-css .dx-rtl .font-zero > * {
    font-family: 'Times New Roman';
}

.CBIS-css .plus {
    color: #008001 !important;
}

.CBIS-css .minus {
    color: #ed3023 !important;
}

.CBIS-css .green {
    color: #008001 !important;
}

.CBIS-css .red {
    color: #ed3023 !important;
}

.CBIS-css .numdisplay .green {
    color: #00ff00 !important;
}

.CBIS-css .loginscreen {
    background: white !important;
}

    .CBIS-css .loginscreen .outer {
        top: 31%;
    }

    .CBIS-css .loginscreen .inner {
        width: 800px;
        background: url('../images/CBIS/Background.jpg');
        border: 0px;
        border-radius: 25px;
    }

    .CBIS-css .loginscreen .logolarge {
        text-align: right;
    }

        .CBIS-css .loginscreen .logolarge img {
            width: 268px;
            height: 85px;
        }

.CBIS-css .logolarge_secImg {
    display: block;
    margin-top: -58px;
}

.CBIS-css .loginscreen h4 {
    display: none;
}

.CBIS-css .login-form, .CBIS-css .verify-code-form {
    background: url('../images/CBIS/form.png');
    width: 469px;
    height: 200px;
    margin: 7% 20%;
    padding: 15px;
}

.CBIS-css .Userlogin {
    display: block;
    width: 105px;
    height: 23px;
}

.CBIS-css .loginscreen .dx-texteditor {
    margin: 13px;
}

.CBIS-css .version {
    display: none;
}

.CBIS-css .chkcontainer {
    background: url('../images/CBIS/form.png');
    width: 469px;
    margin-left: -16px;
    margin-top: -7px;
}

.CBIS-css .login_footer {
    display: block;
    width: 570px;
    margin-top: 92px;
}

    .CBIS-css .login_footer td, .login_footer th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333333;
    }

    .CBIS-css .login_footer .FooterText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: white;
    }

.CBIS-css .keyboardImg {
    top: -13px;
    left: 366px;
    z-index: 1;
}

.CBIS-css .Forgot_Password {
    display: block;
    margin-left: 75%;
}

.CBIS-css .loginscreen .dx-texteditor-input {
    border: 1px solid #b1afaf;
}


.CBIS-css .dx-rtl .quickOneLine .dx-field-value {
    float: right;
    font-size: 114%;
}

.CBIS-css .dx-rtl .quickOneLine .lblLarge {
    float: right;
}

.CBIS-css .dx-rtl .quickOneLine .dx-field-label {
    float: right;
    font-size: 120%;
}

.CBIS-css .dx-rtl .quickOneLine .dx-radiogroup-horizontal .dx-radiobutton, .CBIS-css .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
    font-size: 120%;
}

.CBIS-css .quickOneLine .dx-field-label {
    width: 20% !important;
    font-weight: bold;
    line-height: 18px;
    font-size: 114%;
}


.CBIS-css .quickOneLine .dx-item-content div {
    font-size: 110%;
    font-weight: bold;
}

.CBIS-css .quickOneLine .qoQty, .CBIS-css .quickOneLine .qoPrice {
    width: 46%;
}

.CBIS-css .quickOneLine .qoAccount, .CBIS-css .quickOneLine .qoSymbol {
    width: 75% !important;
}

.CBIS-css .quickOneLine .radioField {
    margin-top: 6px;
    height: 27px;
    width: 10% !important;
}

.CBIS-css .placebtn.blue {
    /*background-color: #a3bc29;*/
    background-color: #00ff00 !important;
}

.CBIS-css .quickOneLine .dx-field-value input {
    height: 25px;
}

.CBIS-css .swiftOrderContainer {
    width: 85%;
    height: 61px;
    PADDING: 2px 0px !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.CBIS-css .quickOneLine {
    position: absolute;
    top: 54px;
    width: 100%;
    z-index: 10;
    padding: 0px;
    background: linear-gradient(to bottom, #3d3d3d, #212121);
}

    .CBIS-css .quickOneLine .dx-field {
        min-height: 20px;
        padding: 0;
        margin: 0px !important;
    }

    .CBIS-css .quickOneLine .greenBg {
        background: #008001 !important;
    }

    .CBIS-css .quickOneLine .redBg {
        background: #ed3023 !important;
    }

    .CBIS-css .quickOneLine .swiftCol {
        float: left;
    }

.CBIS-css .marquee .title,
.CBIS-css .marquee .graph,
.CBIS-css .marquee .info {
    margin-top: 0px;
}

.CBIS-css .workSpaceMarquee .marquee .title,
.CBIS-css .workSpaceMarquee .marquee .graph,
.CBIS-css .workSpaceMarquee .marquee .info {
    margin-top: 5px;
}

.CBIS-css .dx-rtl .quickOneLine .swiftCol {
    float: right;
}

.CBIS-css .quickOneLine .swiftCol1 {
    width: 11%;
}

.CBIS-css .quickOneLine .swiftCol2 {
    width: 34%;
}

.CBIS-css .quickOneLine .swiftCol3 {
    width: 17%;
}

.CBIS-css .quickOneLine .swiftCol4 {
    width: 27%;
    height: 55px;
    padding-left: 8px;
    border-left: 4px solid #ccc;
}

.CBIS-css .dx-rtl .quickOneLine .swiftCol4 {
    padding-left: 0px;
    border-left: 0px;
    padding-right: 8px;
    border-right: 4px solid #ccc;
}

.CBIS-css .quickOneLine .swiftCol5 {
    width: 10%;
}

.CBIS-css .quickOneLine .lblLarge {
    width: 45%;
    line-height: 40px;
}

.CBIS-css .quickOneLine .lblQty {
    width: 24% !important;
}

.CBIS-css .quickOneLine .lblSmall {
    width: 24% !important;
}

.CBIS-css .quickOneLine .dx-field-value {
    /*width: 9% !important;*/
    height: 27px;
    float: left;
    margin-right: 4px;
}

.CBIS-css .workSpaceMarquee .marquee > div.marqueeItem {
    height: 49px;
    padding: 7px 10px;
    line-height: 68px;
    margin: 0px 1px;
}

.CBIS-css .quickOneLine .lblLarge {
    width: 45% !important;
    line-height: 40px;
}

.CBIS-css .quickOneLine .swiftTitle {
    width: 90% !important;
    font-weight: bold;
    height: 54px;
    background: transparent;
    text-align: center;
    border-right: 4px solid #ccc;
    border-left: 0px;
    /* box-shadow: inset 0px 0px 14px #fff7f7; */
    line-height: 41px;
    color: #ccc;
    /* border-radius: 5px 0px 0px 5px; */
    margin: 0px 6px;
}

.CBIS-css .dx-rtl .quickOneLine .swiftTitle {
    border-left: 4px solid #ccc;
    border-right: 0px;
}

.CBIS-css .dx-rtl .quickOneLine {
    direction: rtl;
}

.CBIS-css .sl-app-workspaces {
    padding-top: 61px;
}

.CBIS-css .quickOneLine .qoAccount, .CBIS-css .quickOneLine .qoSymbol {
    width: 75% !important;
}

.CBIS-css .quickOneLine .qoAccount, .CBIS-css .quickOneLine .qoSymbol {
    width: 75% !important;
}

.CBIS-css .quickOneLine .qoQty, .CBIS-css .quickOneLine .qoPrice {
    width: 46% !important;
}

.CBIS-css .quickOneLine .placebtn {
    width: 95% !important;
    margin-top: 8px;
    height: 41px;
    box-shadow: inset 0px 0px 14px #5f2828;
    padding: 1px;
    margin-left: 0px;
    background: #0170b0 !important;
    color: #fff !important;
    font-weight: bold;
}

.CBIS-css .QOLCBIS {
    display: block;
}

.CBIS-css .QOL {
    display: none;
}

.CBIS-css .passShow {
    position: relative;
    width: 393px;
    top: -147px;
    left: 23.3%;
    z-index: 0;
}

.CBIS-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.CBIS-css .dx-context-menu .dx-submenu {
    background-color: #042e5d !important;
    border: 1px solid #084fa1 !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.CBIS-css .LEDIndicator {
    display: none;
}

.CBIS-css #clock-large-d {
    display: none;
}

.CBIS-css .ResSupContainer, .CBIS-css .ResSupdl {
    display: none;
}
/*********************************************************** custom CBIS End ***********************************************/
/*********************************************************** custom FGB BEGIN ***********************************************/
.FGB-css .loginscreen {
    background: white;
}

    .FGB-css .loginscreen .inner {
        background: white;
        border-bottom: 20px solid #CECECE;
        border-left: 1px solid #7692a8;
        border-right: 1px solid #7692a8;
        border-radius: 0px;
        top: 90px;
    }

    .FGB-css .loginscreen .logolarge {
        position: fixed;
        top: 20px;
        left: 172px;
    }

.FGB-css .vLine {
    width: 100%;
    height: 107px;
    border-bottom: 2px solid #103a5d;
    padding: 16px 0 0 0;
}

.FGB-css .loginscreen h4 {
    /* text-align: center; */
    padding: 20px 0;
    background-color: #5f758e;
    float: left;
    height: 39px;
    width: 502px;
    color: #fff;
    padding: 10px 0 10px 10px;
    font-weight: bold;
    width: 398px;
    margin-left: -20px;
    margin-top: -21px;
    FONT-SIZE: 125%;
}

.FGB-css .version {
    display: none;
}

.FGB-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.FGB-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.FGB-css .login_footer {
    display: block;
    width: 100%;
    background-color: #dbdbdb;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 24px;
}

    .FGB-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .FGB-css .login_footer .fotr {
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 50%;
        text-align: center;
    }

.FGB-css .loginscreen #Code {
    border: 1px solid #666;
    border-radius: 5px;
}

.FGB-css .login_footer .fotrEn {
    border-right: 2px solid #353434;
}

.FGB-css .login_footer .udadu {
    border: medium none;
    padding: 0 0 0 20px;
    text-align: right;
    font-size: 11px;
    width: 45%;
    direction: rtl;
}

.FGB-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.FGB-css .passShow {
    position: relative;
    width: 338px;
    top: -173px;
    left: 2.7%;
    z-index: 0;
}

.FGB-css .keyboardImg {
    z-index: 1;
    top: 12px;
}

.FGB-css .marketwatch .dx-data-row td.bid {
    background-color: rgba(99, 177, 203, 0.4) !important;
    color: #fff !important;
}

.FGB-css .marketwatch .dx-data-row td.offer {
    background-color: rgba(220, 168, 165, 0.5) !important;
    color: #fff !important;
}

.FGB-css .orderTypeField .dx-radiogroup-horizontal .dx-radiobutton:last-of-type, .FGB-css .placebtn.pink, .FGB-css .order-popover .dx-popup-title.pink {
    background: #ee3124;
    background: -moz-linear-gradient(left, #ee3124, #de1b0e);
    background: -webkit-linear-gradient(left, #ee3124, #de1b0e);
    background: -o-linear-gradient(left, #ee3124, #de1b0e);
    background: -ms-linear-gradient(left, #ee3124, #de1b0e);
    background: linear-gradient(to right, #ee3124, #de1b0e);
}

.FGB-css .orderTypeField .dx-radiogroup-horizontal .dx-radiobutton:first-of-type, .FGB-css .placebtn.blue, .FGB-css .order-popover .dx-popup-title.blue {
    background: #4d6600;
    background: -moz-linear-gradient(left, #4d6600, #82AD00);
    background: -webkit-linear-gradient(left, #4d6600, #82AD00);
    background: -o-linear-gradient(left, #4d6600, #82AD00);
    background: -ms-linear-gradient(left, #4d6600, #82AD00);
    background: linear-gradient(to right, #4d6600, #82AD00);
}

.FGB-css .placebtn .dx-button-text, .FGB-css .order-popover .dx-popup-title {
    color: #c5c5c5 !important;
}

.FGB-css .orderTypeField .dx-radiogroup-horizontal .dx-radiobutton {
    padding: 1px 5px 1px 5px;
}

.FGB-css .marketsMarquee dl.numdisplay dd, .FGB-css .marketsMarquee dl.numdisplay dt {
    font-size: 112%;
}

.FGB-css .dx-color-scheme-light .dx-datagrid-headers .dx-header-row {
    background-color: #4a4a4a;
}

.FGB-css .dx-color-scheme-light .dx-datagrid .dx-header-row .dx-datagrid-text-content {
    color: #fff;
    font-weight: 400 !important;
}

.FGB-css .dx-color-scheme-light .dx-datagrid .dx-row-alt {
    background-color: #d3d3d3;
}

.FGB-css .sl-app-menu {
    position: relative;
    height: 100px !important;
    border-top: 2px solid #47494f;
}

.FGB-css .dx-menu ul.dx-menu-items-container {
    height: 54px;
    width: 100%;
    top: 37px;
    margin-left: 100px;
    position: relative;
    border-top: 2px solid #47494f;
}

.FGB-css .dx-color-scheme-light .dx-menu ul.dx-menu-items-container {
    border-top: 2px solid #5998c2;
}

.FGB-css .dx-rtl .dx-menu ul.dx-menu-items-container {
    margin-left: inherit;
    margin-right: 100px;
}

.FGB-css .quickOneLine {
    display: none;
}

.FGB-css .far-menu .dx-menu-no-icons {
    position: relative;
    top: 0px !important;
    right: 183px;
}

.FGB-css .dx-rtl .far-menu .dx-menu-no-icons {
    right: inherit;
    left: 183px;
}

.FGB-css .dx-menu-base .dx-menu-item .dx-menu-item-content.far-menu {
    width: 268px;
    pointer-events: none;
    position: absolute;
    top: -44px;
    right: -70px;
}

.FGB-css .dx-rtl .dx-menu-base .dx-menu-item .dx-menu-item-content.far-menu {
    right: inherit;
    left: -70px;
}

.FGB-css #clockdate-full {
    right: -87px;
}

.FGB-css .headerWelcome {
    display: none;
}

.FGB-css .dx-rtl #clockdate-full {
    right: inherit;
    left: -87px;
}

.FGB-css .logo_menu {
    display: none;
}

.fgbLogo, .headerDefaultAccount {
    display: none;
}

.FGB-css .newsMarquee {
    width: 44%;
}

.FGB-css .fgbLogo {
    display: inline-block;
    position: absolute;
    width: 100px;
}

.FGB-css .headerDefaultAccount {
    display: inline-block;
    position: absolute;
    width: 50%;
    text-align: center;
    margin-top: 15px;
    height: 20px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.FGB-css .dx-checkbox-icon {
    border: solid 1px #909090;
}

.FGB-css .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: inline-block;
}

.FGB-css .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: transparent;
}

.FGB-css .sl-toolbar.portfolio-toolbar .dx-dropdowneditor-input-wrapper.dx-selectbox-container {
    width: 30%;
    font-size: 70%;
    background-color: #eee;
    height: 80%;
    padding: 0 3px;
    margin: 2px 0;
}

.FGB-css .sl-view-watchgrid .dx-texteditor {
    background-color: #eee;
    height: 80%;
    padding: 0 3px;
    margin: 2px 10px;
}

    .FGB-css .sl-view-watchgrid .dx-texteditor:first-child {
        width: 30%;
    }

        .FGB-css .sl-view-watchgrid .dx-texteditor:first-child .dx-texteditor-input {
            font-size: 75%;
        }

    .FGB-css .sl-view-watchgrid .dx-texteditor .dx-placeholder {
        color: #444444;
    }

.FGB-css .dx-color-scheme-dark .sl-toolbar.portfolio-toolbar .dx-dropdowneditor-input-wrapper.dx-selectbox-container, .FGB-css .dx-color-scheme-dark .sl-view-watchgrid .dx-texteditor {
    background-color: #666;
}

    .FGB-css .dx-color-scheme-dark .sl-view-watchgrid .dx-texteditor .dx-placeholder {
        color: #dbdbdb;
    }
/*********************************************************** custom FGB End ***********************************************/

/*********************************************************** custom RAMZ BEGIN ***********************************************/
.RAMZ-css .left_logo img {
    width: 150px;
}
/*.RAMZ-css .left_logo {
    position: absolute;
    top: -49px;
    left: -189px;
}*/
.RAMZ-css .otherMarquees {
}

.RAMZ-css .sl-app-workspaces {
    padding-top: 0px;
    PADDING-LEFT: 65PX;
    width: calc(100% - 65PX);
}

.RamzHeaderUL {
    margin-bottom: 0px;
    /*background: linear-gradient(to left,rgba(112, 153, 173, 1) 1%,#ffffff 100%);*/
    background: rgb(234, 241, 244);
}

    .RamzHeaderUL li {
        display: inline-block;
        vertical-align: top;
    }

.RAMZ-css .Ramz_HeaderSummary {
    width: 330px;
}

.RAMZ-css .Forgot_Password {
    display: block;
    position: relative;
    margin-left: 2%;
    width: 45%;
    float: right;
    height: 36px;
    right: -5px;
    padding: 10px;
    top: 45%;
    background: transparent;
}

    .RAMZ-css .Forgot_Password a {
        color: black;
    }

.RAMZ-css .loginscreen #clear {
    display: block !important;
    position: absolute;
    margin-left: 48%;
    /* top: 322px; */
    width: 41%;
    top: 171px;
}

.RAMZ-css .rememberme {
    display: none;
}

#RamzMenu .dx-menu-vertical .dx-menu-item-wrapper {
    background: #eaf1f4 !important;
    width: 66px !important;
    height: 70px !important;
    line-height: 70px !important;
    border-right: 4px solid #ddd !important;
}

#RamzMenu {
    position: absolute;
    Z-INDEX: 111111;
    height: 100%;
    background: #eaf1f4;
}

    #RamzMenu .dx-context-menu.dx-overlay-content {
        left: 14px !important;
    }

    #RamzMenu .dx-menu-item-expanded {
        color: #fff !important;
        background: #dc7302 !important;
        border-left: 3px solid #ffb400;
    }

    #RamzMenu .dx-menu-base .dx-menu-item-wrapper {
        display: inline-block !important;
    }

.RamzMenuContainer .dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text {
    font-size: 20px;
}

.RamzMenuContainer .dx-menu-base .dx-menu-items-container, #RamzMenu .dx-menu-base .dx-menu-item-wrapper {
    display: inline-block !important;
    width: 66px !important;
    height: 70px !important;
}

.RamzMenuContainer .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
    content: "" !important;
}

.MenuRamz .dx-menu-item:hover {
    background: #e68720 !important;
    transition: all .4s ease-in-out;
    color: #fff;
}

.MenuRamz .dx-icon {
    font-size: 21px;
    color: inherit !important;
}

.RamzMenuContainer .dx-menu-base .dx-menu-item-content, .RamzMenuContainer .dx-context-menu .dx-menu-items-container {
    padding: 0px;
}

.MenuRamz .dx-submenu .dx-menu-item-wrapper {
    background: #eaf1f4 !important;
    display: inline-block !important;
    width: 90px !important;
    height: 68px !important;
    font-size: 10px !important;
    margin: 0px !important;
    line-height: 90px !important;
}

.RamzMenuContainer .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
    margin: -31px 0px 0px 13px !important;
}

.MenuRamz .dx-submenu .dx-menu-item .dx-menu-item-content .dx-icon {
    position: absolute !important;
    text-align: center !important;
    padding: 0px !important;
    bottom: 35px !important;
    left: 36px !important;
}

.RamzMenuContainer .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding: 0 20px 5px 5px !important;
    position: relative !important;
    right: 27px !important;
    top: 15px !important;
    font-size: 12px !important;
}

.MenuRamz .dx-submenu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    width: 90px;
    display: block;
    white-space: pre-wrap;
    line-height: 10px;
    padding: 0px;
    text-align: center;
    position: absolute;
    top: 40px;
}

.dx-context-menu .dx-submenu {
    background-color: inherit;
    border: 0px;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

#RamzMenu .dx-menu-item, .MenuRamz .dx-submenu .dx-menu-item {
    color: #001067;
}

    .MenuRamz .dx-submenu .dx-menu-item:hover {
        color: #FFF;
    }

.RamzMenuContainer .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-left: 0px !important;
}

.MenuRamz .dx-submenu ul.dx-menu-items-container li.dx-menu-item-wrapper {
    display: inline-block;
    background: #eaf1f4;
    display: inline-block;
    width: 80px;
    height: 70px;
    font-size: 10px;
    margin: 0px;
    line-height: 100px;
    color: #003b6a;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    border-radius: 0 !important;
    border-left: 1px solid #ddd;
}

.RAMZ-css .loginscreen {
    background: url(../images/RAMZ/bg.png) no-repeat center top;
    background-color: #ccbc74;
    background-size: 100%;
}

    .RAMZ-css .loginscreen .inner {
        background: transparent;
        border: 0px;
        top: 155px;
        left: 340px;
    }

    .RAMZ-css .loginscreen .logolarge {
        display: none;
    }



    .RAMZ-css .loginscreen h4 {
        /* text-align: center; */
        padding: 20px 0;
        background-color: #d7a351;
        float: left;
        height: 39px;
        width: 502px;
        color: #fff;
        padding: 10px 0 10px 10px;
        font-weight: bold;
        width: 398px;
        margin-left: -20px;
        margin-top: -26px;
    }

.RAMZ-css .version {
    display: none;
}

.RAMZ-css .chkcontainer {
    color: black;
    background: transparent;
    width: 45%;
    position: relative;
    left: 5px;
}

.RAMZ-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.RAMZ-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.RAMZ-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 24px;
}

    .RAMZ-css .login_footer .contain {
        width: 90%;
        margin: 0 auto;
        padding: 10px;
        border: 3px solid #fff;
    }

    .RAMZ-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .RAMZ-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.RAMZ-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.RAMZ-css .passShow {
    position: relative;
    width: 341px;
    top: -143px;
    left: 10px;
    z-index: 0;
}

.RAMZ-css .keyboardImg {
    z-index: 1;
    top: 12px;
}

.RAMZ-css .logolarge_secImg img {
    display: none;
}

.RAMZ-css .loginscreen .login-buttons .dx-button {
    background: linear-gradient(to bottom,#250000 1%,#d7a351 1%,#735533 100%);
    border-radius: 0px;
    width: 47%;
}
/*********************************************************** custom FGB End ***********************************************/
/*********************************************************** custom UNITED BEGIN ***********************************************/
.UNITED-css .loginscreen .lang {
    display: block;
    position: relative;
    top: 60px;
}

.UNITED-css .loginscreen .logolarge {
    position: fixed;
    top: 0px;
}

.UNITED-css .dx-theme-generic-typography h4, .dx-theme-generic-typography .dx-font-s {
    font-size: 13px;
}

.UNITED-css .loginscreen .logolarge img {
    height: 121px;
    position: absolute;
    top: 40px;
}

.UNITED-css .round-button-circle a.dx-state-hover, .UNITED-css .round-button-circle a.dx-state-focused, .UNITED-css .round-button-circle a {
    background-image: url('../images/UNITED/quickorder.png') !important;
}

.UNITED-css .loginscreen {
    background: #fff;
}

.login_Desc {
    display: none;
}

.UNITED-css .login_Desc {
    display: block;
    color: #808080;
    width: auto;
    font-size: 14px;
    width: 368px;
    position: absolute;
    top: 89px;
    right: 20px;
    height: 100px;
    padding: 22px;
    border-radius: 6px;
    border: 2px solid #d8d8d8;
    background: #f9f9f9;
    background: linear-gradient(10deg, #efefef, #fff);
    background: -moz-linear-gradient(10deg, #efefef, #fff);
    background: -webkit-linear-gradient(10deg, #efefef, #fff);
    background: -o-linear-gradient(10deg, #efefef, #fff);
    background: -ms-linear-gradient(10deg, #efefef, #fff);
    height: 316px;
}

.UNITED-css .otpScreen .login_Desc {
    display: none;
}

.UNITED-css .sl-app-menu .dx-menu div.logo_menu img {
    display: none;
}

.UNITED-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    top: 16px;
    width: 800px;
    /* left: 270px; */
}
    /*.UNITED-css .loginscreen .inner form{
         position: relative;
    top: 69px;
    width: 374px;
         padding: 22px;
    border-radius: 6px;
    border: 2px solid #d8d8d8;
    background: #f9f9f9;
    background: linear-gradient(10deg, #efefef, #fff);
    background: -moz-linear-gradient(10deg, #efefef, #fff);
    background: -webkit-linear-gradient(10deg, #efefef, #fff);
    background: -o-linear-gradient(10deg, #efefef, #fff);
    background: -ms-linear-gradient(10deg, #efefef, #fff);
    height: 316px;
}*/
    .UNITED-css .loginscreen .inner .formContent {
        position: relative;
        top: 69px;
        width: 374px;
        padding: 2px 22px;
        border-radius: 6px;
        border: 2px solid #d8d8d8;
        background: #f9f9f9;
        background: linear-gradient(10deg, #efefef, #fff);
        background: -moz-linear-gradient(10deg, #efefef, #fff);
        background: -webkit-linear-gradient(10deg, #efefef, #fff);
        background: -o-linear-gradient(10deg, #efefef, #fff);
        background: -ms-linear-gradient(10deg, #efefef, #fff);
        height: 316px;
    }

.UNITED-css .loginscreen h4 {
    padding: 20px 0;
    background: #ccbc74;
    float: left;
    height: 70px;
    background: linear-gradient(to bottom,#fff 5%,#e1e1e1 100%) #fff;
    width: 100%;
    color: #826b6b;
    border-bottom: 3px solid #eea66b;
    /* padding: 10px 0 10px 10px; */
    font-weight: bold;
    margin-top: -8px;
}

.UNITED-css .version {
    display: none;
}

.UNITED-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.UNITED-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.UNITED-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 24px;
    background: #333;
    color: #ddd;
    text-align: center;
}

    .UNITED-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .UNITED-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .UNITED-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.UNITED-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.UNITED-css .passShow {
    position: relative;
    width: 306px;
    top: -139px;
    left: 34px;
    z-index: 0;
}

.UNITED-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.UNITED-css .logolarge_secImg img {
    display: none;
}

.UNITED-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #f3b21f;
    background-color: linear-gradient(10deg, #f3b21f, #ec8a0a);
    background-color: -moz-linear-gradient(10deg, #f3b21f, #ec8a0a);
    background-color: -webkit-linear-gradient(10deg, #f3b21f, #ec8a0a);
    background-color: -o-linear-gradient(10deg, #f3b21f, #ec8a0a);
    background-color: -ms-linear-gradient(10deg, #f3b21f, #ec8a0a);
    border-radius: 4px;
    border: 0px;
}

.UNITED-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-left: 20px;
    max-width: 178px;
}

.UNITED-css .dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text {
    width: 155px;
}

.UNITED-css .exSignout {
    display: block;
}

.UNITED-css .rememberme {
    display: none;
}

.UNITED-css .loginscreen .login-buttons {
    margin: 36px 0;
    text-align: center;
}

.UNITED-css .loginscreen .chkcontainer {
    padding: 11px;
    position: relative;
    top: 63px;
}

.UNITED-css .keyboard {
    top: 43px !important;
}

.UNITED-css .loginscreen .dx-texteditor-input, .UNITED-css .loginscreen .dx-placeholder:before {
    border-radius: 5px !important;
}

.UNITED-css .captchatxt {
    display: none;
}

.UNITED-css #captcha {
    display: none;
}

.UNITED-css .dx-rtl .dx-menu-base .dx-menu-item .dx-menu-item-content.far-menu > div {
    text-align: center;
    left: 25px;
}

.UNITED-css .dx-color-scheme-light .dx-texteditor-input, .UNITED-css .dx-color-scheme-light .dx-radiobutton-icon:before {
    border: 1px solid #91c2e4 !important;
}

.UNITED-css .sl-view-head .dx-texteditor {
    margin: 0px 7px;
}

.UNITED-css .dx-dropdowneditor-icon {
    color: wheat;
}

.UNITED-css .marketwatch .dx-command-expand {
    pointer-events: none !important;
}

.UNITED-css .marketwatch .dx-datagrid-group-opened, .UNITED-css .marketwatch .dx-datagrid-group-closed {
    display: none;
}

.UNITED-css #code .dx-texteditor-container {
    border: #ececec;
    border-style: inset;
}
/*********************************************************** custom UNITED End ***********************************************/
/*********************************************************** custom GBCM BEGIN ***********************************************/
.GBCM-css .loginscreen .logolarge {
    position: relative;
}

    .GBCM-css .loginscreen .logolarge img {
        position: relative;
    }

.GBCM-css .loginscreen {
    background: #fff;
}

.GBCM-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.GBCM-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .GBCM-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.GBCM-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 256px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .GBCM-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .GBCM-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.GBCM-css .version {
    display: none;
}

.GBCM-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.GBCM-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.GBCM-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .GBCM-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .GBCM-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .GBCM-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.GBCM-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.GBCM-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.GBCM-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.GBCM-css .logolarge_secImg img {
    display: none;
}

.GBCM-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #0b9102;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}

/*********************************************************** custom GBCM End ***********************************************/ /*********************************************************** custom ALMAHA BEGIN ***********************************************/

.ALMAHA-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .ALMAHA-css .loginscreen .logolarge img {
        position: relative;
    }

.ALMAHA-css .loginscreen {
    background: #fff;
}

.ALMAHA-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.ALMAHA-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .ALMAHA-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.ALMAHA-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .ALMAHA-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .ALMAHA-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.ALMAHA-css .version {
    display: none;
}

.ALMAHA-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.ALMAHA-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.ALMAHA-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .ALMAHA-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .ALMAHA-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .ALMAHA-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.ALMAHA-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.ALMAHA-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.ALMAHA-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.ALMAHA-css .logolarge_secImg img {
    display: none;
}

.ALMAHA-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #fe0000;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/*********************************************************** custom ALMAHA End ***********************************************/
/*********************************************************** custom GLOBAL BEGIN ***********************************************/

.GLOBALUAE-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .GLOBALUAE-css .loginscreen .logolarge img {
        position: relative;
    }

.GLOBALUAE-css .loginscreen {
    background: #fff;
}

.GLOBALUAE-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.GLOBALUAE-css .otpScreen .login_Desc, .GLOBALUAE-css .otpScreen h4 {
    display: none;
}

.GLOBALUAE-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.GLOBALUAE-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .GLOBALUAE-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.GLOBALUAE-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .GLOBALUAE-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .GLOBALUAE-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.GLOBALUAE-css .version {
    display: none;
}

.GLOBALUAE-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.GLOBALUAE-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.GLOBALUAE-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .GLOBALUAE-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .GLOBALUAE-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .GLOBALUAE-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.GLOBALUAE-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.GLOBALUAE-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.GLOBALUAE-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.GLOBALUAE-css .logolarge_secImg img {
    display: none;
}

.GLOBALUAE-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #CE171E;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/***********************************************************custom BHS BEGIN ***********************************************/

.BHS-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .BHS-css .loginscreen .logolarge img {
        position: relative;
    }

.BHS-css .loginscreen {
    background: #fff;
}

.BHS-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.BHS-css .otpScreen .login_Desc, .BHS-css .otpScreen h4 {
    display: none;
}

.BHS-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.BHS-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .BHS-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.BHS-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .BHS-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .BHS-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.BHS-css .version {
    display: none;
}

.BHS-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.BHS-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.BHS-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .BHS-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .BHS-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .BHS-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.BHS-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.BHS-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.BHS-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.BHS-css .logolarge_secImg img {
    display: none;
}

.BHS-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #0f6da4;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/*********************************************************** custom BHS end ***********************************************/
/***********************************************************custom DAMAN BEGIN ***********************************************/

.DAMAN-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .DAMAN-css .loginscreen .logolarge img {
        position: relative;
    }

.DAMAN-css .loginscreen {
    background: #fff;
}

.DAMAN-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.DAMAN-css .otpScreen .login_Desc, .DAMAN-css .otpScreen h4 {
    display: none;
}

.DAMAN-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.DAMAN-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .DAMAN-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.DAMAN-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .DAMAN-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .DAMAN-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.DAMAN-css .version {
    display: none;
}

.DAMAN-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.DAMAN-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.DAMAN-css .login_footer {
    display: none;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .DAMAN-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .DAMAN-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .DAMAN-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.DAMAN-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.DAMAN-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.DAMAN-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.DAMAN-css .logolarge_secImg img {
    display: none;
}

.DAMAN-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #6b1f45;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}

.DAMAN-css .sl-app-menu .dx-menu div.logo_menu img {
    width: 38px;
    position: relative;
    top: -1px;
    left: 12px;
}

.DAMAN-css .otpScreen .inner .formContent {
    position: relative;
    top: 57px;
    left: 5%;
    width: 642px;
    padding: 2px 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: #f6f6f6;
    height: 148px;
}

.DAMAN-css #clock-large-d {
    display: none;
}
/*********************************************************** custom DAMAN end ***********************************************/
/***********************************************************custom CIC BEGIN ***********************************************/

.CIC-css .dx-rtl, .CIC-css .dx-rtl .dx-datagrid, .CIC-css .dx-rtl .dx-field, .CIC-css .dx-rtl .dx-color-scheme-light .dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text, .CIC-css .dx-rtl body, .CIC-css .dx-rtl .dx-field input, .CIC-css .dx-rtl .dx-field textarea, .CIC-css .dx-rtl .dx-theme-generic-typography, .CIC-css .dx-rtl .dx-widget, .CIC-css .dx-rtl .font-zero > * {
    font-family: 'Cairo', Segoe UI,Arial,sans-serif !important;
}

.CIC-css .quick-order-content .Stoploss {
    display: none;
}

.CIC-css .quick-order-content .Takeprofit {
    display: none;
}

.CIC-css .dx-rtl .dx-field {
    margin: 0 0 1px 0;
    font-size: 11px;
}

.CIC-css .dx-rtl .dx-popup-normal .dx-button-has-text, .CIC-css .dx-rtl .dx-field-value.dx-button {
    font-size: 9px !important;
}
/*.CIC-css  .dx-rtl html, .CIC-css  .dx-rtl body, .CIC-css  .dx-rtl div, .CIC-css  .dx-rtl span, .CIC-css  .dx-rtl applet, .CIC-css  .dx-rtl object, .CIC-css  .dx-rtl iframe, .CIC-css  .dx-rtl h1, .CIC-css  .dx-rtl h2, .CIC-css  .dx-rtl h3, .CIC-css  .dx-rtl h4, .CIC-css  .dx-rtl h5, .CIC-css  .dx-rtl h6, .CIC-css  .dx-rtl p, .CIC-css  .dx-rtl blockquote, .CIC-css  .dx-rtl pre, .CIC-css  .dx-rtl a, .CIC-css  .dx-rtl abbr, .CIC-css  .dx-rtl acronym, .CIC-css  .dx-rtl address, .CIC-css  .dx-rtl big, .CIC-css  .dx-rtl cite, .CIC-css  .dx-rtl code, .CIC-css  .dx-rtl del, .CIC-css  .dx-rtl dfn, .CIC-css  .dx-rtl em, .CIC-css  .dx-rtl font, .CIC-css  .dx-rtl img, .CIC-css  .dx-rtl ins, .CIC-css  .dx-rtl kbd, .CIC-css  .dx-rtl q, .CIC-css  .dx-rtl s, .CIC-css  .dx-rtl samp, .CIC-css  .dx-rtl small, .CIC-css  .dx-rtl strike, .CIC-css  .dx-rtl strong, .CIC-css  .dx-rtl sub, .CIC-css  .dx-rtl sup, .CIC-css  .dx-rtl tt, .CIC-css  .dx-rtl var, .CIC-css  .dx-rtl b, .CIC-css  .dx-rtl u, .CIC-css  .dx-rtl i, .CIC-css  .dx-rtl center, .CIC-css  .dx-rtl dl, .CIC-css  .dx-rtl dt, .CIC-css  .dx-rtl dd, .CIC-css  .dx-rtl ol, .CIC-css  .dx-rtl ul, .CIC-css  .dx-rtl li, .CIC-css  .dx-rtl fieldset, .CIC-css  .dx-rtl form, .CIC-css  .dx-rtl label, .CIC-css  .dx-rtl legend, .CIC-css  .dx-rtl table, .CIC-css  .dx-rtl caption, .CIC-css  .dx-rtl tbody, .CIC-css  .dx-rtl tfoot, .CIC-css  .dx-rtl thead, .CIC-css  .dx-rtl tr, .CIC-css  .dx-rtl th, .CIC-css  .dx-rtl td
{
    font-size
}*/
.CIC-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 0PX;
    background: #fff;
    HEIGHT: 155PX;
    border-bottom: 4px solid rgba(76, 76, 86, .5);
}

.CIC-css .dx-color-scheme-light .sl-view-head .dx-texteditor {
    background: #f0f6fb;
}

.CIC-css .sl-view-head .dx-texteditor {
    font-weight: bold;
    padding: 0px 5px;
}

.CIC-css .specialWidth {
    width: 70%;
}

    .CIC-css .specialWidth .dx-field-value {
        margin: 0px 37px;
    }

.CIC-css .specialWidth {
    width: 70%;
}

    .CIC-css .specialWidth .dx-field-label {
        width: 70px;
    }

.CIC-css .dx-color-scheme-blue .dx-radiobutton {
    color: #f1efef;
}

.CIC-css .loginscreen .logolarge img {
    left: 84px;
    top: 87px;
    position: absolute;
    width: 168px;
}

.CIC-css .mw-datagrid .group.g1 {
    min-width: 380px;
    width: 60%;
}

.CIC-css .loginscreen {
    background: #fff;
}

.CIC-css .login_Desc {
    display: block;
    bottom: 269px;
    color: #333;
    width: auto;
    font-size: 33px;
    width: 400px;
    position: relative;
    text-align: center;
    margin: auto;
}

.CIC-css .otpScreen .login_Desc, .CIC-css .otpScreen h4 {
    bottom: 200px;
}




.CIC-css .loginscreen {
    background: radial-gradient(farthest-side at 60% 55%,#ffffff,#b7aea7);
}

    .CIC-css .loginscreen .inner {
        background: transparent;
        border: 0px;
        bottom: 146px;
        width: 100%;
        padding: 0px;
    }

        .CIC-css .loginscreen .inner .formContent {
            position: relative;
            top: 150px;
            /* left: 379px; */
            width: 324px;
            margin: auto;
            padding: 2px 22px;
            /* border-radius: 0px; */
            /* border: 1px solid #333; */
            /* background: #f6f6f6; */
            height: 287px;
        }

    .CIC-css .loginscreen h4 {
        /* color: #1f497d; */
        position: relative;
        /* left: 399px; */
        top: 130px;
        margin: auto;
        /* background: #e5ebf2; */
        height: 0px;
        text-align: left;
        width: 325px;
        padding: 0px;
        /* border: 1px solid #333; */
    }

        .CIC-css .loginscreen h4 span:first-child {
            float: left;
            padding: 0px 10px;
        }

    .CIC-css .loginscreen .chkcontainer {
        color: #777;
        font-weight: bold;
    }

    .CIC-css .loginscreen h4 span:last-child {
        padding: 0px 34px;
    }

    .CIC-css .loginscreen .keyboard, .CIC-css .loginscreen .keyboardImg {
        display: none;
    }

    .CIC-css .loginscreen #login, .CIC-css .loginscreen #verify {
        position: relative;
        width: 115px;
        bottom: 0px;
        right: 6px;
        float: right;
        background: #25a7df;
        height: 38px;
        border-radius: 0px;
    }

.CIC-css .otpScreen #passShow {
    background: #fff !important;
}

.CIC-css .loginscreen #verify {
    bottom: -45px;
    right: 3px;
}

.CIC-css .version {
    display: none;
}

.CIC-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 102px;
}

.CIC-css .login-form #userName input {
    text-transform: uppercase;
}



.CIC-css .login-form #userName input, .CIC-css .loginscreen .pword .dx-texteditor-input {
    text-transform: uppercase;
    border: 0px;
    border-bottom: 2px solid #d8d8d8;
    border-radius: 0px;
    width: 225px;
    left: 36px;
    position: relative;
}

.CIC-css .login-form #userName .dx-placeholder, .CIC-css .loginscreen .pword .dx-placeholder {
    left: 38px;
}

.boxIcon1, .boxIcon2 {
    display: none;
    width: 35px;
    height: 36px;
    background-size: 34px;
    left: 32px;
}

.CIC-css .boxIcon1 {
    background-image: url(../images/CIC/login_icon1.jpg);
    display: inline-block;
    position: absolute;
    top: 17px;
}

.CIC-css .multicol.alerts .maincol {
    padding: 0px;
}

.CIC-css .loginscreen .boxIcon2 {
    background-image: url(../images/CIC/login_icon2.jpg);
    display: inline-block;
    position: absolute;
    top: 73px;
}

.CIC-css .otpScreen .boxIcon2 {
    top: 18px;
}

.CIC-css .login_footer {
    display: block;
    width: 100%;
    background: #232b3e;
    padding: 2px 0;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 36px;
    /* background: #fff; */
    color: #f7f7f7;
    text-align: center;
}

    .CIC-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .CIC-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .CIC-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.CIC-css #passShow_keyboard {
    top: 68% !important;
    left: 34% !important;
}

.CIC-css .passShow {
    position: relative;
    width: 260px;
    bottom: 63px;
    margin: auto;
    z-index: 0;
}

.CIC-css .otpScreen .passShow {
    left: 10px;
    width: inherit;
    position: relative;
    bottom: 47px;
    width: 335px;
    height: 37px;
}

.CIC-css .otpScreen .pword .dx-texteditor-input {
    border-radius: initial;
}

.CIC-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.CIC-css .otpScreen .keyboardImg {
    z-index: 11111111;
    top: -123px;
    /* right: 189px; */
    width: 32px;
    left: 290px;
    /* float: right; */
    /* left: inherit; */
}

.CIC-css .logolarge_secImg img {
    display: none;
}

.CIC-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #273583;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}

.CIC-css .marketsummary .group.g1 {
    max-width: 265px;
}

.CIC-css .sl-app-menu.dx-menu .dx-icon-add {
    background-color: TRANSPARENT;
    color: white;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    float: right;
    font-size: 8px;
    max-width: 200px;
    width: 16%;
    height: 28px;
    border-radius: 20px;
    border: none;
    background-color: #03A9F4;
    margin-top: 16px;
    position: relative;
    margin-right: 243px;
}

.CIC-css .dx-rtl .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    float: left;
    margin-left: 15px;
    margin-right: inherit;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child .dx-menu-item-expanded {
    background-color: #03A9F4;
    border-radius: 20px;
    border: none;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child .dx-context-menu-container-border {
    border: none;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child .dx-menu-item-has-submenu {
    position: absolute;
    z-index: 1;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child .dx-menu-item-text {
    line-height: 24px;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:last-child {
    position: absolute;
    right: 0px;
}

.CIC-css .dx-rtl .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:last-child {
    position: absolute;
    right: inherit;
    left: 0px;
}
/*.CIC-css .dx-context-menu-container-border {
           height: 20px;
    }*/
.CIC-css .headerLogo {
    display: block;
    position: ABSOLUTE;
    z-index: 1;
    height: 44px;
    margin: 0px 49px;
    margin-top: -71px;
}


.CIC-css dx.dx-color-scheme-light .dx-texteditor.dx-state-readonly .dx-texteditor-input {
    background-color: #9d9d9c;
}

.CIC-css .allViewsMenu .dx-menu-items-container {
    position: relative;
    padding-left: 170px;
    margin-top: 0px;
}

.CIC-css .dx-rtl .allViewsMenu .dx-menu-items-container {
    padding-left: 100px;
}

.CIC-css .allViewsMenu .dx-submenu .dx-menu-items-container {
    padding-left: 0px;
}

.CIC-css .LEDIndicator {
    RIGHT: 229PX !important;
    top: 0px;
}

.statusIndicator {
    display: none;
}

.CIC-css .statusIndicator {
    position: absolute;
    width: 75px;
    left: -60px;
    text-align: left;
    display: inline;
}

.CIC-css .dx-rtl .statusIndicator {
    left: 0px;
}

.CIC-css .IndexNameMarque .indexName {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    width: 254px;
}

.CIC-css .LEDIndicator {
    RIGHT: 192PX !important;
    top: 21px !important;
}

.CIC-css .dx-rtl .LEDIndicator {
    left: 155PX !important;
    top: 21px !important;
}

.CIC-css .dx-rtl .statusIndicator {
    left: 0px;
    text-align: right;
}

.CIC-css .dx-dialog-message {
    font-size: 12px;
}

.CIC-css .dx-datagrid-total-footer td .dx-datagrid-summary-item.blue, .CIC-css tr.dx-row.dx-data-row.blue {
    background: #a7d4fb !important;
    color: #333 !important;
}

.CIC-css .dx-datagrid-total-footer td .dx-datagrid-summary-item.pink, .CIC-css tr.dx-row.dx-data-row.pink {
    background: #ffdce7 !important;
    color: #333 !important;
}

.CIC-css .dx-datagrid-rowsview .dx-selection.dx-row, .CIC-css .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    color: #fff !important;
}

.CIC-css .sl-app-workspaces {
    padding-top: inherit;
}

.CIC-css .sl-app-header-menu {
    height: 57px;
}

.CIC-css .far-menu .dx-menu > .dx-menu-horizontal > ul.dx-menu-items-container {
    margin: 0px;
}

.CIC-css .dx-rtl .far-menu .dx-menu > .dx-menu-horizontal > ul.dx-menu-items-container {
    float: inherit;
    left: -96px;
    /* position: absolute; */
    top: 0px;
}

.CIC-css .sl-app-menu .dx-menu div.logo_menu img, .CIC-css .tickersMarquee {
    display: none;
}
/* 

.CIC-css .sl-app-menu .dx-menu div.logo_menu img {
    display: none;
}
    */
.CIC-css .sl-view-statistics .indexbadge {
    background-color: transparent !important;
}

.CIC-css .marketsMarquee .dx-visibility-change-handler {
    display: none;
}

.CIC-css .quickOneLine {
    display: none;
}

.CIC-css .sl-app-header {
    height: 72px;
}

.CIC-css .dx-color-scheme-dark .sl-app-header-menu {
    background: #111111;
}

.CIC-css .IndexNameMarque {
    width: 36%;
}

.CIC-css .marketsMarqueeActions > div.dx-button {
    margin-top: 7px;
}

.CIC-css .IndexNameMarque dl.numdisplay dd {
    font-size: 100%;
}

.CIC-css .otherMarquees {
    margin: 0px;
    margin-top: 8px;
}

.CIC-css .indicesMarquee {
    height: 55px;
    margin-top: -8px;
    min-width: 393px;
    width: 54%;
}

.CIC-css .dx-color-scheme-light .indicesMarquee {
    background: linear-gradient(rgba(220, 238, 253, 1), #ffffff) !important;
}

.CIC-css .dx-rtl .otherMarquees {
    margin-right: 162px;
}

.CIC-css #clockdate-full {
    position: relative;
    bottom: 32px;
    right: 12px;
    width: 97px;
}

.CIC-css .dx-rtl #clockdate-full {
    right: inherit;
}

.CIC-css .dx-color-scheme-light .sl-app-header-menu {
    background: #37a0fa;
}

.CIC-css .dx-color-scheme-light .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    background-color: #0170b0;
}

.CIC-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-right: 275px !important;
}

.CIC-css .dx-rtl .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-right: 250px !important;
}

.CIC-css .dx-color-scheme-light .sl-app-menu div,
.CIC-css .dx-color-scheme-light .sl-app-menu i.dx-icon, .CIC-css .dx-color-scheme-light .dx-menu li.dx-menu-item-wrapper:last-child * {
    color: #fff;
}

.CIC-css .dx-color-scheme-light #clock-large, .CIC-css .dx-color-scheme-light .sl-app-header-menu dl.numdisplay dt {
    color: #fff;
}

.CIC-css .sl-markets-part .indexbadge {
    background-color: transparent !important;
}

.CIC-css .entryshortName {
    display: inline;
}
/*** new changes by waleed cis ******/
.CIC-css .sl-app-header-menu {
    background: #37a0fa;
}


/*.CIC-css .dx-color-scheme-light .dx-tab-selected {
    background:#7d7d87 ;
	color: #fff;}

.CIC-css .dx-color-scheme-light .dx-tab {
    background: #b4b4b9 !important;
    color: #fff;
}*/

.CIC-css .dx-color-scheme-blue .dx-tab {
    background: #020b1c;
    color: #b4b4b9;
}

.CIC-css .dx-color-scheme-blue .dx-tab-selected {
    background: #379ff9;
    color: #ffffff;
}

.CIC-css .sl-connection-error > .dx-overlay-content {
    font-size: 14px;
    background-color: rgb(12, 141, 158);
}
/*

.CIC-css .sl-connection-error > .dx-overlay-content {
    background-color: rgb(12, 141, 158);
    font-size: 14px;
    width: 718px !important;
    height: 67px !important;
    background: transparent;
    z-index: 0 !important;
    margin-left: 25% !important;
    margin-top: -339px !important;
    border: 0 !important;
    box-shadow: none !important;
}
.CIC-css .dx-overlay-wrapper {
    z-index: 0 !important;
    background-color: rgb(12, 141, 158);
    font-size: 14px;
    width: 718px !important;
    height: 67px !important;
    background: transparent;
    z-index: 0 !important;
    margin-left: 25% !important;
    margin-top: -339px !important;
    border: 0 !important;
    box-shadow: none !important;
}
    */
.CIC-css .news-list h5 {
    color: #519dde;
}

.CIC-css .dx-color-scheme-blue .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    border: 0px;
}

.CIC-css .dx-scrollbar-horizontal .dx-scrollable-scroll, .CIC-css .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 13px;
}

.CIC-css .dx-color-scheme-light .dx-scrollable-scroll-content {
    background-color: rgba(70, 139, 185, 0.7);
}

.CIC-css .dx-rtl .dx-datagrid-rowsview .dx-scrollable-container {
    direction: ltr;
}

.CIC-css .Forgot_Password {
    display: block;
    position: absolute;
    margin-left: 2%;
    top: 34%;
}

    .CIC-css .Forgot_Password a {
        font-weight: bold;
        color: #333;
        position: relative;
        left: 156px;
        top: 81px;
    }

.CIC-css .dx-popup-wrapper .dx-button-has-text {
    background: #273583;
    border-radius: 3px;
    padding: 4px;
    font-weight: bold;
    text-transform: uppercase;
}
/*.CIC-css .dx-popup-content
  {
      background:#f6f6f6;
  }*/
/*.CIC-css  .dx-rtl .gs-resize-handle-x {
   
    right:inherit;
     left: -5px;
}*/

/*.CIC-css .dx-rtl .dx-menu-item-wrapper {
    margin-right: 167px !important;
}*/

.CIC-css .dx-rtl .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    left: 125px;
}

.CIC-css .dx-rtl .dx-menu .dx-menu-item-has-submenu .dx-item-content.dx-menu-item-content {
    margin: 0px;
}

.CIC-css .dx-rtl .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
    display: inline-block;
    vertical-align: text-top !important;
    border: 0;
}

.CIC-css .dx-rtl .dx-menu-item-content .dx-icon-chevrondown {
    margin-right: -1px !important;
}

.CIC-css .allViewsMenu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text {
    width: 195px;
}

.CIC-css .dx-rtl .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child .dx-menu-item-text {
    padding-right: 21px;
    width: 184px;
}

.CIC-css .dx-rtl .txtOpenClose {
    right: 88%;
}

#clock-large-d {
    margin-right: -270px;
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
}

.CIC-css .dx-rtl #clock-large-d {
    margin-right: -388px;
}

.CIC-css #clockdate-full {
    width: 92px;
}

.CIC-css .dx-rtl #clockdate-full {
    right: 18px !important;
}

.CIC-css .dx-rtl .wrapper-clockdate {
    width: 80px !important;
}

.CIC-css .indicesMarquee .marquee > div.marqueeItem {
    height: 55px !important;
}

.CIC-css .dx-color-scheme-light .dx-popup-title .dx-closebutton .dx-icon {
    color: #333;
}

.langHeader {
    display: none;
}

.CIC-css .langHeader {
    display: inline;
    POSITION: ABSOLUTE;
    RIGHT: 43PX;
    TOP: 21PX;
    Z-INDEX: 1;
    font-weight: bold;
}

.CIC-css .dx-rtl .langHeader {
    font-size: 16px;
    RIGHT: inherit;
    left: 33px;
    top: 18px;
}

.CIC-css .dx-rtl .dx-color-scheme-light .dx-popup-normal .dx-button-has-text, .CIC-css .dx-rtl .dx-color-scheme-light .dx-field-value.dx-button {
    font-size: 9px !important;
}

.CIC-css .dx-button.depthbtn.buy, .CIC-css .green.meter > div > span.back, .CIC-css .dx-button.depthbtn.sell, .CIC-css .red.meter > div > span.back {
    color: #fff;
}

.CIC-css .otpScreen h4 span:last-child {
    display: none;
}

.CIC-css .clientInformationFilters .comlbl, .CIC-css .clientInformationFilters .comval {
    font-size: 10px;
}

.CIC-css .dx-color-scheme-light .sl-view-head .orderbadge .op.b, .CIC-css .dx-color-scheme-light .sl-view-head .dx-datagrid .dx-data-row td.colored.up, .CIC-css .dx-color-scheme-light .sl-view-head .tradeTickers .colored.up,
.CIC-css .dx-color-scheme-light .sl-view-head .plus, .CIC-css .dx-color-scheme-light .sl-view-head .green {
    color: #09b900 !important;
}

.CIC-css .allViewsMenu .sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content {
    width: 770px !important;
}

.CIC-css .allViewsMenu .dx-list-item {
    display: initial !important;
}

    .CIC-css .allViewsMenu .dx-list-item .dx-icon {
        top: -3px;
        margin: 4px;
        width: 19px;
        position: relative;
        background-size: 19px;
        height: 19px;
    }
/*.CIC-css .tradeTickersContainer .symbol {
    font-size: 10px;
    text-align: center;
    padding: 4px 0px;
}

.CIC-css .tradeTickersContainer .Price {
    font-size: 10px;
    margin: 0px;
    text-align: center;
}*/
.CIC-css .loginscreen .lang {
    position: absolute;
    display: block;
    top: -30px;
    right: 21px;
}

.CIC-css .tradeTickersContainer .symbol, .tradeTickersContainer .Price, .tradeTickersContainer .Volume {
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: 0px;
}

.CIC-css .tradeTickersContainer .symbol {
    font-size: 13px;
    font-weight: bold;
    position: relative;
    padding: 2px 0px;
}
/*
.CIC-css .charttabs li
{
   font-size: 10px;
    padding: 1px 5px;
}
.CIC-css .marketsummary .cols .col
{
    margin-bottom:0px;
}
.CIC-css .marketsummary .meter>div,.CIC-css .cachFlowMapConteiner
{
  height:15px !important;
      font-weight: bold;
    color: #fff;
}
 
.CIC-css dl.numdisplay dd
{
        font-size: 110%;
}*/
.CIC-css #gridGroup {
    display: none;
}

.CIC-css .alertbadge .date {
    position: absolute;
    left: -37px;
    top: 0px;
}

.CIC-css .sl-view-marketwatch .sl-view-head .dx-button-has-icon {
    display: none;
}

.CIC-css .tradeTickersContainer {
    margin: 0px;
    margin-top: 0.4%;
}

.CIC-css .sl-view-orders .dx-datagrid-column-chooser-button {
    display: none;
}

.CIC-css .captchatxt {
    display: none;
    top: 123px !important;
    border: 0px;
    border-bottom: 2px solid #d8d8d8 !important;
    border-radius: 0px;
}

.CIC-css #captcha {
    display: none;
}

.CIC-css .loginscreen .dx-checkbox {
    margin-top: 34px !important;
}

.CIC-css #captcha {
    position: absolute;
    top: 57px;
    right: -11px;
}

.CIC-css #captchaimg {
    padding-top: 67px;
    margin-right: -10px;
}

.CIC-css .sl-view-dailyreports .dx-datagrid-rowsview {
    height: 165px !important;
}

.CIC-css .sl-view-accountsummary .pad {
    margin-top: 8% !important;
}

.CIC-css .sl-view-tradeconfirmation .dx-selectbox {
    width: 250px !important;
}

.CIC-css .portfolioList {
    height: 101% !important;
}

.CIC-css .percent:after, .CIC-css .change:after {
    vertical-align: middle;
}

.CIC-css .sl-view-watchgrid .dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 20px;
}

.CIC-css .news-list h5 {
    display: none;
}

.CIC-css .sl-view-alerts .alerts-list #alerts {
    height: 75px !important;
}

.CIC-css .notifications span.second {
    margin-top: 16px;
}

.CIC-css .sl-view-account .summpholdingcost {
    display: block;
}


.CIC-css .account .cols .col {
    margin-right: 10px !important;
}

.CIC-css .clientInformationFilters .dx-selectbox {
    width: 260px !important;
}

.CIC-css .newsPopup .newsDesc {
    line-height: 19px;
}

.CIC-css .p-2 .comrow {
    margin: 9px 0px !important;
}

.CIC-css .p-2 .comlbl {
    margin-left: 9%;
    width: 100px;
}

.CIC-css .p-2 .Emial {
    margin-left: 12%;
}

.CIC-css .dx-rtl .p-2 .comlbl {
    margin-right: 5%;
    font-size: 12px;
    width: 136px;
    margin-left: 0px;
}

.CIC-css .account .cols .col {
    margin-top: 20px;
    width: 60% !important;
    padding-right: 0px;
    margin-bottom: 0px;
    font-size: 12px;
}

.CIC-css .dx-datagrid-group-opened:before {
    content: "\f129";
    background-image: linear-gradient(rgb(38,165,242),rgb(14,101,168));
    font-family: fontawesome;
    color: white;
    text-align: center;
    width: 17px;
    margin-left: 11px;
    z-index: 111;
    position: fixed;
    margin-top: -1px;
    margin-right: 8px;
    display: flex;
    cursor: pointer;
    padding-left: 5px;
    height: 18px;
}

/*Arabic Page Style*/
.CIC-css .dx-rtl .dx-datagrid-group-opened:before {
    content: "\f129";
    background-image: linear-gradient(rgb(38,165,242),rgb(14,101,168));
    font-family: fontawesome;
    color: white;
    text-align: center;
    width: 17px;
    display: inline-block;
    margin-left: 10px;
    z-index: 111;
    position: fixed;
    margin-top: 0px;
    margin-right: 11px;
    height: 18px;
    display: flex;
    cursor: pointer;
    padding-right: 6px;
}

.CIC-css .dx-rtl .marketwatch .dx-datagrid-group-closed {
    content: "\f129";
    /*background-image: linear-gradient(rgb(38,165,242),rgb(14,101,168));*/
    font-family: fontawesome;
    color: white;
    text-align: center;
    width: 17px;
    display: inline-block;
    margin-left: 10px;
    z-index: 111;
    position: fixed;
    margin-top: -7px;
    margin-right: 11px;
    height: 10px;
    display: flex;
}

.CIC-css .dx-rtl .marketwatch .dx-datagrid-rowsview .indicators::before {
    content: "S";
    background-color: #D40003;
    font-family: fontawesome;
    color: white;
    cursor: pointer;
    margin-left: 25px;
    right: 19px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    width: 17px;
    height: 18px;
    /* margin-top: 3px; */
    /* margin: 3px; */
    /* padding: 0px; */
    position: sticky;
}

.CIC-css .dx-rtl .marketwatch td.indicators.has-news > span.news-indicator {
    display: none;
}

.CIC-css .dx-rtl .marketwatch .dx-datagrid-rowsview .indicators::after {
    content: "\f032";
    background-image: linear-gradient(rgb(141,222,83),rgb(66,159,27));
    font-family: fontawesome;
    color: white;
    cursor: pointer;
    width: 10px;
    position: relative;
    width: 17px;
    display: inline-block;
    margin-left: 31px;
    z-index: 111;
    position: absolute;
    margin-top: -20px;
    height: 18px;
    display: table-cell;
    text-align: center;
    margin-left: -3px;
    padding-top: 2px;
}

.CIC-css .dx-rtl .marketwatch .dx-datagrid-group-closed:before {
    content: "\f129";
    /* background-color: #0E65A8; */
    background-image: linear-gradient(rgb(38,165,242),rgb(14,101,168));
    font-family: fontawesome;
    color: white;
    text-align: center;
    width: 17px;
    display: inline-block;
    margin-left: 10px;
    z-index: 111;
    position: fixed;
    margin-top: 0px;
    height: 17px;
}

/*End Arabic Style*/

.CIC-css .marketwatch .dx-datagrid-rowsview .indicators::before {
    content: "S";
    background-color: #D40003;
    font-family: fontawesome;
    color: white;
    cursor: pointer;
    margin-left: 18px;
    margin-right: 5px;
    text-align: center;
    font-size: 15px;
    position: relative;
    display: inline-block;
    width: 17px;
    height: 18px
}


.CIC-css .marketwatch .dx-datagrid-rowsview .indicators::after {
    content: "\f032";
    background-image: linear-gradient(rgb(141,222,83),rgb(66,159,27));
    font-family: fontawesome;
    color: white;
    cursor: pointer;
    width: 10px;
    position: relative;
    width: 17px;
    display: inline-block;
    margin-left: 31px;
    z-index: 111;
    position: absolute;
    margin-top: -17px;
    height: 17px;
    display: table-cell;
    text-align: center;
    margin-left: -3px;
}


.CIC-css .dx-datagrid-group-opened, .dx-datagrid-group-closed {
    width: 0;
}

.CIC-css .marketwatch .dx-datagrid-group-closed:before {
    content: "\f129";
    background-image: linear-gradient(rgb(38,165,242),rgb(14,101,168));
    font-family: fontawesome;
    color: white;
    text-align: center;
    width: 17px;
    display: inline-block;
    margin-left: 10px;
    z-index: 111;
    position: fixed;
    margin-top: 0px;
    height: 17px;
}

/*********************************************************** custom CIC end ***********************************************/
/***********************************************************custom SANABEL BEGIN ***********************************************/
.SANABEL-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 12PX;
    HEIGHT: 170PX;
}

    .SANABEL-css .loginscreen .logolarge img {
        position: relative;
    }

.SANABEL-css .loginscreen {
    background: #fff;
}

.SANABEL-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.SANABEL-css .otpScreen .login_Desc, .SANABEL-css .otpScreen h4 {
    display: none;
}

.SANABEL-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.SANABEL-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .SANABEL-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.SANABEL-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .SANABEL-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .SANABEL-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.SANABEL-css .version {
    display: none;
}

.SANABEL-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.SANABEL-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.SANABEL-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .SANABEL-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .SANABEL-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .SANABEL-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.SANABEL-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.SANABEL-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.SANABEL-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.SANABEL-css .logolarge_secImg img {
    display: none;
}

.SANABEL-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #273583;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/*********************************************************** custom SANABEL end ***********************************************/
/***********************************************************custom YASMEEN BEGIN ***********************************************/
.YASMEEN-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 12PX;
    HEIGHT: 170PX;
}

    .YASMEEN-css .loginscreen .logolarge img {
        position: relative;
    }

.YASMEEN-css .loginscreen {
    background: #fff;
}

.YASMEEN-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.YASMEEN-css .otpScreen .login_Desc, .YASMEEN-css .otpScreen h4 {
    display: none;
}

.YASMEEN-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.YASMEEN-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .YASMEEN-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.YASMEEN-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .YASMEEN-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .YASMEEN-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.YASMEEN-css .version {
    display: none;
}

.YASMEEN-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.YASMEEN-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.YASMEEN-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .YASMEEN-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .YASMEEN-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .YASMEEN-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.YASMEEN-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.YASMEEN-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.YASMEEN-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.YASMEEN-css .logolarge_secImg img {
    display: none;
}

.YASMEEN-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #006f8f;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/*********************************************************** custom YASMEEN end ***********************************************/
/***********************************************************custom HCM BEGIN ***********************************************/

.HCM-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .HCM-css .loginscreen .logolarge img {
        position: relative;
    }

.HCM-css .loginscreen {
    background: #fdfdfd;
}

.HCM-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.HCM-css .otpScreen .login_Desc, .HCM-css .otpScreen h4 {
    display: none;
}

.HCM-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.HCM-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .HCM-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.HCM-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .HCM-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .HCM-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.HCM-css .version {
    display: none;
}

.HCM-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.HCM-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.HCM-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .HCM-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .HCM-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .HCM-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.HCM-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.HCM-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.HCM-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.HCM-css .logolarge_secImg img {
    display: none;
}

.HCM-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #004200;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/*********************************************************** custom HCM end ***********************************************/
/*********************************************************** custom QSC BEGIN ***********************************************/

.QSC-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .QSC-css .loginscreen .logolarge img {
        position: relative;
    }

.QSC-css .loginscreen {
    background: #fff;
}

.QSC-css .login_Desc {
    display: block;
    bottom: 0px;
    color: #333;
    width: auto;
    font-size: 14px;
    width: 400px;
    position: absolute;
    text-align: center;
    left: 0px;
    height: 100px;
    padding: 22px;
    border-radius: 0px;
    border: 1px solid #333;
    background: white;
    height: 324px;
}

.QSC-css .otpScreen .login_Desc, .QSC-css .otpScreen h4 {
    display: none;
}

.QSC-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.QSC-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 146px;
    width: 800px;
    /* left: 270px; */
}

    .QSC-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 380px;
        padding: 2px 22px;
        border-radius: 0px;
        border: 1px solid #333;
        background: #f6f6f6;
        height: 287px;
    }

.QSC-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #e5ebf2;
    height: 38px;
    width: 380px;
    padding: 10px 0px;
    border: 1px solid #333;
    font-weight: bold;
}

    .QSC-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
    }

    .QSC-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.QSC-css .version {
    display: none;
}

.QSC-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.QSC-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.QSC-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 41px;
    background: #fff;
    color: #333;
    text-align: center;
}

    .QSC-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .QSC-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .QSC-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.QSC-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.QSC-css .passShow {
    position: relative;
    width: 314px;
    bottom: 177px;
    left: 412px;
    z-index: 0;
}

.QSC-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 264px;
}

.QSC-css .logolarge_secImg img {
    display: none;
}

.QSC-css .loginscreen .dx-button {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #510023;
    background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);
    border-radius: 4px;
    border: 0px;
}
/*********************************************************** custom QNB BEGIN ***********************************************/

.QNB-css .dx-viewport :not(i):not(.dx-dropdowneditor-icon):not(.qnb_lang):not(.dx-icon):not(.dx-datagrid-group-closed):not(.dx-checkbox-icon):not(.dx-navigate-button):not(.dx-datagrid-group-opened):not(.dx-icon-check):not(.dx-icon-close):not(.langButton) {
}


/*.QNB-css .dx-rtl .dx-viewport :not(i):not(.dx-dropdowneditor-icon):not(.qnb_lang):not(.dx-icon):not(.dx-datagrid-group-closed):not(.dx-checkbox-icon):not(.dx-navigate-button):not(.dx-datagrid-group-opened):not(.dx-icon-check):not(.dx-icon-close):not(.langButton)
{
  
      font-family: 'Cairo', Segoe UI,Arial,sans-serif !important;
    
}*/
.QNB-css html, .QNB-css body, .QNB-css div:not(.dx-dropdowneditor-icon):not(.qnb_lang):not(.dx-icon):not(.dx-datagrid-group-closed):not(.dx-checkbox-icon):not(.dx-navigate-button):not(.dx-datagrid-group-opened):not(.dx-icon-check):not(.dx-icon-close):not(.langButton), .QNB-css span:not(.dx-dropdowneditor-icon):not(.qnb_lang):not(.dx-icon):not(.dx-datagrid-group-closed):not(.dx-checkbox-icon):not(.dx-navigate-button):not(.dx-datagrid-group-opened):not(.dx-icon-check):not(.dx-icon-close):not(.langButton), .QNB-css applet, .QNB-css object, .QNB-css iframe, .QNB-css h1, .QNB-css h2, .QNB-css h3, .QNB-css h4, .QNB-css h5, .QNB-css h6, .QNB-css p, .QNB-css blockquote, .QNB-css pre, .QNB-css a, .QNB-css abbr, .QNB-css acronym, .QNB-css address, .QNB-css big, .QNB-css cite, .QNB-css code, .QNB-css del, .QNB-css dfn, .QNB-css em, .QNB-css font, .QNB-css img, .QNB-css ins, .QNB-css kbd, .QNB-css q, .QNB-css s, .QNB-css samp, .QNB-css small, .QNB-css strike, .QNB-css strong, .QNB-css sub, .QNB-css sup, .QNB-css tt, .QNB-css var, .QNB-css b, .QNB-css u, .QNB-css center, .QNB-css dl, .QNB-css dt, .QNB-css dd, .QNB-css ol, .QNB-css ul, .QNB-css li, .QNB-css fieldset, .QNB-css form, .QNB-css label, .QNB-css legend, .QNB-css table, .QNB-css caption, .QNB-css tbody, .QNB-css tfoot, .QNB-css thead, .QNB-css tr, .QNB-css th, .QNB-css td {
    font-family: 'CordaleCorp-Regular', Segoe UI,Arial,sans-serif !important;
}

.QNB-css .dx-rtl html, .QNB-css .dx-rtl body, .QNB-css .dx-rtl div:not(.dx-dropdowneditor-icon):not(.qnb_lang):not(.dx-icon):not(.dx-datagrid-group-closed):not(.dx-checkbox-icon):not(.dx-navigate-button):not(.dx-datagrid-group-opened):not(.dx-icon-check):not(.dx-icon-close):not(.langButton), .QNB-css .dx-rtl span:not(.dx-dropdowneditor-icon):not(.qnb_lang):not(.dx-icon):not(.dx-datagrid-group-closed):not(.dx-checkbox-icon):not(.dx-navigate-button):not(.dx-datagrid-group-opened):not(.dx-icon-check):not(.dx-icon-close):not(.langButton), .QNB-css .dx-rtl applet, .QNB-css .dx-rtl object, .QNB-css .dx-rtl iframe, .QNB-css .dx-rtl h1, .QNB-css .dx-rtl h2, .QNB-css .dx-rtl h3, .QNB-css .dx-rtl h4, .QNB-css .dx-rtl h5, .QNB-css .dx-rtl h6, .QNB-css .dx-rtl p, .QNB-css .dx-rtl blockquote, .QNB-css .dx-rtl pre, .QNB-css .dx-rtl a, .QNB-css .dx-rtl abbr, .QNB-css .dx-rtl acronym, .QNB-css .dx-rtl address, .QNB-css .dx-rtl big, .QNB-css .dx-rtl cite, .QNB-css .dx-rtl code, .QNB-css .dx-rtl del, .QNB-css .dx-rtl dfn, .QNB-css .dx-rtl em, .QNB-css .dx-rtl font, .QNB-css .dx-rtl img, .QNB-css .dx-rtl ins, .QNB-css .dx-rtl kbd, .QNB-css .dx-rtl q, .QNB-css .dx-rtl s, .QNB-css .dx-rtl samp, .QNB-css .dx-rtl small, .QNB-css .dx-rtl strike, .QNB-css .dx-rtl strong, .QNB-css .dx-rtl sub, .QNB-css .dx-rtl sup, .QNB-css .dx-rtl tt, .QNB-css .dx-rtl var, .QNB-css .dx-rtl b, .QNB-css .dx-rtl u, .QNB-css .dx-rtl center, .QNB-css .dx-rtl dl, .QNB-css .dx-rtl dt, .QNB-css .dx-rtl dd, .QNB-css .dx-rtl ol, .QNB-css .dx-rtl ul, .QNB-css .dx-rtl li, .QNB-css .dx-rtl fieldset, .QNB-css .dx-rtl form, .QNB-css .dx-rtl label, .QNB-css .dx-rtl legend, .QNB-css .dx-rtl table, .QNB-css .dx-rtl caption, .QNB-css .dx-rtl tbody, .QNB-css .dx-rtl tfoot, .QNB-css .dx-rtl thead, .QNB-css .dx-rtl tr, .QNB-css .dx-rtl th, .QNB-css .dx-rtl td {
    font-family: 'Cairo', Segoe UI,Arial,sans-serif !important;
}

.QNB-css .dx-rtl .qnbHeader1 .left_logo img {
    height: 80px;
    position: absolute;
    left: 0px;
}

.QNB-css .dx-rtl .qnb_lang * {
    font-family: 'CordaleCorp-Regular', Segoe UI,Arial,sans-serif !important;
}

.QNB-css .dx-rtl .far-menu .dx-menu .dx-menu-item-has-submenu .dx-item-content.dx-menu-item-content {
    margin: 0px;
    padding: 0px;
}

.QNB-css .dx-rtl .far-menu .dx-menu > .dx-menu-horizontal > ul.dx-menu-items-container {
    float: right;
    position: relative;
    right: -11px;
}

.QNB-css .dx-rtl .QNB-css .headerIcons {
    width: 93px;
    position: relative;
    top: -28px;
    /* left: -147px; */
    float: right;
    border-right: 0px;
}

.QNB-css .dx-rtl .qnbViewsMenu {
    width: 680px;
    position: absolute;
    /*right: 152px;*/
    font-weight: bold;
}

.QNB-css .dx-rtl .qnb_settings {
    position: relative;
    right: 60px;
}

.QNB-css .dx-rtl .qnb_lang {
    border-width: 1px;
    position: relative;
    /* right: 266px; */
    float: left;
    top: 7px;
}

.QNB-css .dx-rtl .qnbHeader1 .qnb_settings_menus {
    width: auto;
}

.QNB-css .dx-rtl .qnbViewsMenu .sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content:before {
    content: "\f053";
    right: 3px;
    display: none;
}

.QNB-css .sl-mainmenu-submenu.dx-submenu .dx-menu-item-has-icon .dx-menu-item-text:before {
    display: none;
}

.QNB-css .dx-rtl .dx-rtl .sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content:not(.sl-ws-list) {
    padding-right: 25px;
}

.QNB-css .dx-rtl .qnbViewsMenu .dx-submenu li {
    width: 200px;
    float: right;
    list-style: none;
    text-align: right;
}

.QNB-css .dx-rtl .tickersMarquee .marqueeItem i {
    margin-left: inherit;
    margin-right: 55px;
}

.QNB-css .dx-rtl .tickersMarquee .marqueeItem {
    text-align: right;
}

.QNB-css .dx-rtl .qnbViewsMenu .dx-submenu {
    left: -289px;
}

.QNB-css .dx-rtl .sl-mainmenu-submenu.dx-submenu:before {
    left: inherit;
    right: 0px;
    width: 10px;
}

.ResSupContainer {
    width: 200px;
    display: inline-block;
}

.ResSupDiv {
    width: 50%;
    display: inline-block;
}

.SupDiv {
    float: left;
    background: #fd7575;
}

.ResDiv {
    background: #35bc00;
}

.SupDiv span {
    background: #ef3938;
}

.ResDiv span {
    background: #73f501;
}

.ResSupDiv span {
    height: 20px;
    display: block;
}
/*.QNB-css .dx-rtl .qnbViewsMenu .dx-submenu
{
    right:-105px;
}*/
/*.QNB-css .dx-rtl .dx-menu li.dx-menu-item-wrapper:last-child * {
        LEFT: 50px;
}*/
/*.QNB-css .qnbViewsMenu .sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content:before {
content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6e0654;
    font-size: 11px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: 3px;
}
  .QNB-css .dx-rtl .qnbViewsMenu .sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content:before {
 content: "\f053";
   
}*/
.QNB-css .dx-datagrid .dx-row-alt {
    color: #6d6d6d;
    background-color: #f9fafc;
}

.QNB-css .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 31px;
}

.QNB-css .sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content.sl-ws-list .dx-list-item:before, .QNB-css .sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content .dx-menu-item-text:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6e0654;
    font-size: 11px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
    left: 0px;
}

.QNB-css .profile-selector .dx-texteditor-input {
    background: #000f35;
    color: #fff;
}

.QNB-css .profile-selector .dx-dropdowneditor-icon:before {
    color: #fff;
}

.QNB-css .dx-rtl .sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content.sl-ws-list .dx-list-item:before, .QNB-css .dx-rtl .sl-mainmenu-submenu.dx-submenu .dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item-content .dx-menu-item-text:before {
    content: "\f053";
}

.QNB-css .dx-dropdowneditor-icon:before {
    content: "\f078";
    font-family: FontAwesome;
}

.QNB-css .dx-dropdowneditor-icon, .QNB-css .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    color: #011b5e;
    background: #fff;
    font-size: 12px;
    background: transparent;
}

    .QNB-css .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before {
        content: "\f077";
        font-family: FontAwesome;
        color: #870052;
    }

.QNB-css .dx-dropdowneditor.dx-dropdowneditor-active input {
    border: 1px solid #870052;
    border-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
}

.QNB-css .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #870052 !important;
    border-top: 0px;
}

.QNB-css .dx-dropdownlist-popup-wrapper .dx-popup-content {
    /* border: 1px solid #870052 !important; */
    background: #fff;
    border-radius: 5px;
}

.QNB-css .marqueeItem i.fa:before {
    content: '\f0dc';
    font-size: 50%;
}

.QNB-css .allViewsMenu li:nth-child(2n) {
    display: none
}

.QNB-css .dx-button.placebtn.blue {
    padding: 5px;
    color: #333 !important;
    background-color: #02850e;
}

.QNB-css .dx-button.placebtn.pink {
    padding: 5px;
    color: #fff !important;
    background-color: #902b07;
}
/*.QNB-css .dx-field-value.dx-button {
    background-color: #1a2455;
    float: left;
    color: #fff;
}*/
.QNB-css .dx-field-value.dx-button {
    background-color: #870052;
    float: left;
    color: #fff;
    border-radius: 3px;
}

    .QNB-css .dx-field-value.dx-button:hover {
        background-color: #941a5d;
    }

.QNB-css .dx-datagrid-headers .dx-header-row {
    background-color: #488dd0;
}

.QNB-css .tickersMarquee .marqueeItem {
    border-right: 3px solid #eee;
    box-shadow: inherit;
}

.QNB-css .dx-datagrid-headers .dx-header-row td {
    border-right: 0px solid #eee;
}

.QNB-css .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row, .QNB-css .dx-color-scheme-light .dx-datagrid-rowsview .dx-selection.dx-row:hover {
    background-color: rgba(74, 141, 206, .5);
}

.QNB-css .marketwatch .dx-datagrid {
    color: #1f1f1f;
}

.QNB-css .dx-color-scheme-light .marketwatch .dx-data-row td.bid, .QNB-css .dx-color-scheme-light .marketwatch .dx-data-row td.offer {
    color: inherit !important;
}

.QNB-css .allViewsMenu {
    display: inline-block;
    height: 16px !important;
    position: relative;
    top: 4px;
}

    .QNB-css .allViewsMenu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text {
        font-size: 100%;
        line-height: 18px;
        overflow: inherit;
        width: inherit;
    }

.QNB-css .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:last-child > div {
    pointer-events: inherit;
}

.QNB-css .order-popover .dx-popup-title .dx-closebutton .dx-icon {
    color: #fff
}

.QNB-css .marqueeItem .plus, .QNB-css .marqueeItem .minus {
    color: inherit !important;
}

    .QNB-css .marqueeItem .plus i.fa:before {
        content: '\f0d8';
        font-size: 125%;
        color: #0ffd0f;
    }

    .QNB-css .marqueeItem .minus i.fa:before {
        content: '\f0d7';
        font-size: 125%;
        color: #fd0f25;
    }

.QNB-css .sl-mainmenu-submenu.dx-submenu:before {
    content: "\f0d8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    stroke: black;
    stroke-width: 10;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: -21px;
    left: 25px;
}

.QNB-css .sl-mainmenu-submenu.Special:before {
    left: 378px !important;
}

.QNB-css .dx-color-scheme-light .sl-view-head .dx-texteditor-input {
    border-radius: 3px;
    padding: 4px;
    border: 1px solid #eee;
}

.QNB-css .loginscreen .dx-radiobutton-icon:before {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #c1c0c0;
}

.QNB-css #spanTimer-large {
    font-size: 130%;
}

.QNB-css .dx-radiobutton-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -12px;
    margin-left: 4px;
    width: 8px;
    height: 8px;
    background: #870052;
    content: '';
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dx-scrollbar-hoverable {
    background-color: rgba(191, 191, 191, 0.2);
}

.dx-scrollbar-vertical {
    width: 15px !important;
}

    .dx-scrollbar-vertical .dx-scrollable-scroll {
        width: 15px !important;
    }

.dx-scrollbar-horizontal {
    height: 15px !important;
}

    .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 15px !important;
    }

.QNB-css .loginscreen .lang {
    display: none;
    position: absolute;
    bottom: 148px;
    left: 143px;
}

.QNB-css .dx-rtl #clockdate-full {
    right: 95px;
    bottom: -14px;
}

.QNB-css .dx-popup-wrapper > .dx-overlay-content {
    background: #fff;
    border-radius: 5px;
}

.QNB-css .dx-color-scheme-light .dx-radiobutton-icon:before {
    border-radius: 20px;
}

.QNB-css .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background: #7d7f7f;
}

.QNB-css .dx-list-item {
    color: #7d7f7f;
}

.QNB-css html, .QNB-css body, .QNB-css .dx-viewport {
    background: #e9e9e9;
    font-family: 'CordaleCorp-Regular', Segoe UI,Arial,sans-serif !important;
    font-weight: 500;
}

.QNB-css #clock-large {
    color: #fff !important;
}

.qnbHeader1 {
    height: 80px;
    background: #fff;
    position: relative;
}

.QNB-css .workspace-layout.dx-layout {
    top: -77px;
    padding-bottom: 30px;
    /* Firefox */
    height: -moz-calc(100% - 300px);
    /* WebKit */
    height: -webkit-calc(100% - 300px);
    /* Opera */
    height: -o-calc(100% - 300px);
    /* Standard */
    height: calc(100% - 100px);
}

.QNB-css .qnbHeader2 .marquee dt {
    font-size: 130%;
    color: #fff !important;
    font-weight: bold;
    margin-bottom: -3px;
}

.QNB-css .qnbHeader2 .marquee dd {
    font-size: 135%;
}

.QNB-css .spanTimer-full {
    font-size: 130%;
}

.QNB-css .wrapper-clockdate {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.QNB-css #clockdate-full {
    position: relative;
    bottom: -17px;
    right: -88px;
    width: 75px;
    padding: 1px;
}

.qnbHeader2 .marqueeItem.highlight, .qnbHeader2 .portfolio-details, .area-highlight {
    webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    border-top: inherit;
    color: #fff;
}

.qnbHeader2 {
    height: 180px;
    background-image: linear-gradient(to right, #02184d,#750555,#02184d);
    position: relative;
}

.qnbMainContainer {
    width: 99%;
    margin: auto;
    position: relative;
}

.qnbHeader1 .left_logo, .qnbHeader1 .qnb_settings_menus {
    width: 49%;
}

.qnbHeader1 .left_logo {
    float: left;
}

    .qnbHeader1 .left_logo img {
        height: 80px;
    }

.qnbHeader1 .qnb_settings_menus {
    float: right;
    text-align: right;
}

.QNB-css .dx-tab-selected {
    background-color: #ffffff;
    color: #9e063d;
    position: relative;
    font-weight: bold;
    height: 42px;
    font-size: 14px;
    border-bottom: 2px solid #9e063d;
}

.QNB-css .dx-datagrid .dx-header-row .dx-datagrid-text-content {
    color: #fff;
}

.QNB-css .account dt, .QNB-css .account dd {
    line-height: 1;
}

.QNB-css .account dl:nth-child(2) {
    position: absolute;
    top: 140px;
    left: 0px;
    padding-top: 13px;
    border-top: 2px solid #ddd;
}

.QNB-css .dx-rtl .account dl:nth-child(2) {
    left: inherit;
    right: 0px;
}

.QNB-css .account .cols .col {
    width: 46%;
}

.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-active,
.dx-menu-item-expanded {
    background-color: inherit;
    color: #9e063d;
}

.QNB-css .dx-tab {
    display: table-cell;
    padding: 2px;
    height: 35px;
    background: #fff;
    font-size: 12px;
    overflow: visible;
    border-left: 2px solid #eee;
    /* background-color: rgba(143, 193, 250, 0.1); */
}

.qnbHeader1 .qnb_settings_menus .qnb_settings > div {
    border-right: 1px solid #333;
}

.QNB-css .quickOneLine {
    display: none;
}

.qnbViewsMenu .dx-submenu {
    background: #fff;
    top: 9px;
    left: 75px;
    position: absolute;
    -webkit-box-shadow: 2px 2px 3px #888;
    -moz-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    border-radius: 4px;
    padding: 9px;
    border: 1px solid #eee;
}

.QNB-css .sl-mainmenu-submenu.dx-submenu .dx-item-content.dx-menu-item-content.sl-ws-list .dx-list-item, .QNB-css .sl-mainmenu-submenu.dx-submenu ul.dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item {
    line-height: 28px;
    border-bottom: 1px dotted;
}

.QNB-css .dx-color-scheme-light .dx-context-menu.dx-overlay-content {
    border: 0px !important;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px #888;
    -moz-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
    border-radius: 4px;
    border: 1px solid #eee;
}

.QNB-css .dx-selectbox-popup-wrapper .dx-list {
    background: #fff;
}

.qnbViewsMenu ul li:first-child > div:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent; /* left arrow slant */
    border-right: 5px solid transparent; /* right arrow slant */
    border-bottom: 5px solid #2f2f2f; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
}

.qnbViewsMenu .sl-mainmenu-submenu.dx-submenu ul.dx-menu-items-container li.dx-menu-item-wrapper .dx-menu-item {
    line-height: 35px;
    border-bottom: 1px solid;
    width: 160px;
    font-size: 10px;
}

.qnbViewsMenu .sl-mainmenu-submenu.dx-submenu ul.dx-menu-items-container li:nth-child(5n).dx-menu-item-wrapper .dx-menu-item,
.qnbViewsMenu .sl-mainmenu-submenu.dx-submenu ul.dx-menu-items-container li:nth-child(6n).dx-menu-item-wrapper .dx-menu-item {
    border-bottom: 0px solid;
}

.qnbViewsMenu .dx-context-menu-content-delimiter {
    display: none !important;
}

.qnbViewsMenu .dx-submenu ul, .qnbViewsMenu .dx-submenu li {
    margin: 0;
    padding: 0;
}

.qnbViewsMenu .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-left: 10px;
    border-bottom: 1px solid #00ff00;
    width: 100%;
    display: block;
    height: 32px;
    margin: 0px;
    font-size: 12px;
    font-family: 'CordaleCorp-Regular', Segoe UI,Arial,sans-serif !important;
}

.qnbViewsMenu .dx-submenu ul {
    width: 400px;
}
/*.qnbViewsMenu   {
    width: 600px;
    position: absolute;
    right: 99px;
    font-weight: bold;
}*/
.qnbViewsMenu {
    width: 680px;
    position: absolute;
    right: 6px;
    padding-right: 2px;
    text-align: right;
    font-weight: bold;
}

.QNB-css .allViewsMenu .dx-submenu {
    position: absolute;
    top: -29px;
}

.QNB-css .gridster-manual .gs-w, .QNB-css .gridster .gs-w {
    background: #fff;
    border: 0px;
    -moz-box-shadow: 2px 2px 3px #888;
    border-radius: 4px;
    padding: 6px;
}

.QNB-css .thebadge.header {
    border-bottom: 1px solid #fbfbfb;
    background: #488dd0;
    box-shadow: inherit;
    color: #fff;
}

.QNB-css .rowlist .thebadge {
    border-bottom: 1px solid #fbfbfb;
}

    .QNB-css .rowlist .thebadge:nth-child(odd) {
        background-color: #488dd0;
        color: #fff;
    }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #ff0000;
}

.qnbViewsMenu .dx-submenu li {
    width: 200px;
    float: left;
    list-style: none;
    text-align: left;
}

/*.qnbViewsMenu  .dx-submenu li:first-child > a:after {
 content: '';
 position: absolute;
 left: 30px;
 top: -8px;
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 8px solid #028F41;
 }*/
.qnb_menus * {
    font-family: 'CordaleCorp-Regular', Segoe UI,Arial,sans-serif !important;
    font-size: 6px;
}

.QNB-css .qnb_menus .dx-menu ul.dx-menu-items-container {
    height: 35px;
}

.QNB-css .qnb_menus .dx-context-menu-container-border {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

.QNB-css .sl-view.ready .sl-view-head {
    height: 31px;
    background: #ffffff;
    color: #333;
    border-bottom: 1px solid #a5074f;
    padding: 0px;
}

.qnb_menus .dx-menu-base .dx-menu-item {
    /*position:inherit;*/
}

.qnb_menus {
    color: #191254;
    right: 142px;
    bottom: 6px;
    font-weight: bold;
    font-size: 13px;
}

    .qnb_menus .dx-menu li.dx-menu-item-wrapper {
        width: 130px;
        max-width: 130px !important;
    }

    .qnb_menus .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:last-child > div {
        pointer-events: inherit;
    }

    .qnb_menus .qnb_menu {
        padding: 15px;
        cursor: pointer;
    }

        .qnb_menus .qnb_menu:hover {
            color: #780037;
        }

    .qnb_menus .menu5 {
    }

.QNB-css .loginscreen * :not(.dx-checkbox-icon) {
    font-family: 'CordaleCorp-Regular', Segoe UI,Arial,sans-serif !important;
    font-weight: 500;
}

.QNB-css .loginscreen .dx-texteditor {
    width: 258px;
}

.QNB-css .loginscreen .dx-button-text, .QNB-css .dx-popup-bottom .dx-button {
    text-transform: capitalize;
}

.QNB-css .loginscreen .logolarge {
    position: relative;
    PADDING-TOP: 56PX;
    HEIGHT: 170PX;
}

    .QNB-css .loginscreen .logolarge img {
        position: relative;
        right: 27px;
        display: none;
    }

.QNB-css .loginscreen {
    background: url(../images/qnb/bg.png) no-repeat center top;
    background-size: cover;
}

.QNB-css .login_Desc {
    display: block;
    bottom: -2px;
    color: #fff;
    width: auto;
    font-size: 22px;
    width: 289px;
    position: absolute;
    /* text-align: center; */
    left: 112px;
    height: 100px;
    padding: 22px;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #333;
    background: #407ec2;
    height: 325px;
    font-weight: 300;
    font-family: initial;
}

.QNB-css .otpScreen .login_Desc, .QNB-css .otpScreen h4 {
    display: none;
}

.QNB-css .otpScreen .dx-texteditor {
    border: 1px solid;
}

.QNB-css .loginscreen .inner {
    background: transparent;
    border: 0px;
    bottom: 171px;
    width: 710px;
    left: -29px;
}

    .QNB-css .loginscreen .inner .formContent {
        position: relative;
        top: 57px;
        left: 379px;
        width: 314px;
        padding: 2px 22px;
        border-radius: 0px 0px 5px 0px;
        border: 1px;
        background: #fff;
        height: 287px;
    }

.QNB-css .loginscreen h4 {
    color: #1f497d;
    position: absolute;
    left: 399px;
    top: 200px;
    background: #fff;
    height: 38px;
    width: 315px;
    padding: 5px 4px;
    border: 1px solid #333;
    font-weight: bold;
    border-radius: 0px 5px 0px 0px;
}

    .QNB-css .loginscreen h4 span:first-child {
        float: left;
        padding: 0px 10px;
        float: left;
        padding: 0px 10px;
        font-family: none;
        font-size: 24px;
        color: #000000;
        margin-left: 10px;
        margin: 9px;
        margin-top: 5px;
        font-weight: 500;
    }

    .QNB-css .loginscreen h4 span:last-child {
        float: right;
        padding: 0px 10px;
    }

.QNB-css .version {
    display: none;
}

.QNB-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 114px;
}

.QNB-css .login-form #userName input, .QNB-css .dx-texteditor-input {
    text-transform: uppercase;
    border: 1px solid #dadadc;
    border-radius: 4px;
}

.QNB-css .loginscreen .pword .dx-texteditor-input {
    border-radius: 4px;
    border-color: #dadadc;
}

.QNB-css .login_footer {
    display: block;
    width: 50%;
    padding: 50px;
    float: left;
    /* margin-top: 50px; */
    position: relative;
    top: 10px;
    left: 0;
    height: 205px;
    /* background: #fff; */
    color: #FFF;
    text-align: center;
    font-size: 10px;
}

    .QNB-css .login_footer .contain {
        width: 960px;
        margin: 0 auto;
    }

    .QNB-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .QNB-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.QNB-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.QNB-css .passShow {
    position: relative;
    width: 258px;
    bottom: 165px;
    left: 412px;
    z-index: 0;
}

.QNB-css .keyboardImg {
    z-index: 1;
    top: 12px;
    left: 172px;
    display: none;
}

.QNB-css .logolarge_secImg img {
    display: none;
}

.QNB-css .loginscreen .dx-button, .QNB-css .dx-popup-content .dx-button, .QNB-css .dx-popup-wrapper .dx-button-has-text {
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    background-color: #1a2455;
    /*background-color: linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -moz-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -webkit-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -o-linear-gradient(10deg, #0b9102, #93eb69);
    background-color: -ms-linear-gradient(10deg, #0b9102, #93eb69);*/
    border-radius: 5px;
    border: 0px;
}

.QNB-css .dx-popup-wrapper .dx-button-has-text {
    background-color: #870052;
}

    .QNB-css .loginscreen .dx-button:hover, .QNB-css .dx-popup-content .dx-button:hover, .QNB-css .dx-popup-wrapper .dx-button-has-text:hover {
        background-color: #941a5d;
    }

.QNB-css .dx-checkbox-icon {
    background-color: #fff;
    border-radius: 3px;
    padding: 6px;
    border: 1px solid currentColor;
}

.QNB-css .tickersMarquee {
    overflow: hidden;
    position: relative;
    top: 10px;
    background: white;
    height: 60px;
    width: calc(100% - 65px);
    border-radius: 3px;
    cursor: default;
}

    .QNB-css .tickersMarquee .marqueeItem {
        display: inline-block;
        padding: 9px 20px;
        font-size: 120%;
        height: 50px;
        min-width: 145px;
        text-align: left;
        margin-top: 5px;
    }

        .QNB-css .tickersMarquee .marqueeItem .mardetail {
            position: absolute;
            margin-top: 23px;
            margin-left: 39px;
        }

.QNB-css .marqueeItem .title {
    font-weight: normal;
    font-size: 12px;
    vertical-align: top;
}

.QNB-css .tickersMarquee .dx-color-scheme-light .plus {
    color: #00cb00 !important;
}

.QNB-css .marketsMarquee {
    height: 50px;
    top: 7px;
}

    .QNB-css .marketsMarquee .marquee > div.marqueeItem {
        padding-left: 20px;
        padding-right: 20px;
        height: 50px;
        padding-top: 10px;
    }

    .QNB-css .marketsMarquee dl.numdisplay {
        width: 154px;
    }

.QNB-css .tickersMarquee .marqueeItem i {
    position: absolute;
    margin-top: 0px;
    margin-left: 55px;
    FONT-SIZE: 150%;
}

.QNB-css .chkcontainer {
    padding: 6px;
    color: #898b92;
    font-size: 10px;
}

.QNB-css .headerIcons {
    width: auto;
    position: relative;
    top: -28px;
    /* left: -147px; */
    float: right;
    border-right: 0px;
}

.QNB-css .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding: 0px 3px 4px 17px;
}

.QNB-css .qnb_settings {
    position: relative;
    right: 55px;
}

.QNB-css .qnb_user {
    padding: 0px;
}

.QNB-css .watch-list .dx-list-item, .QNB-css .markets-list .dx-list-item {
    box-shadow: inherit;
    background: #fff;
    border-bottom: 4px solid #eee;
    color: #1a2455;
    font-size: 91%;
}

    .QNB-css .watch-list .dx-list-item .details, .QNB-css .markets-list .dx-list-item .details {
        color: #ccc;
    }
/*.QNB-css .qnb_user span:after
{
  content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
     
    font-size: 11px;
    padding-right: 0.5em;
    position: relative;
    top: 3px;
    left: 3px;
}*/
/*.QNB-css .qnb_settings .qnb_lang,.QNB-css .qnb_settings .seprator,.QNB-css .qnb_settings .qnb_user
{
    display:inline-block;
    min-width:100px;
}*/
.QNB-css .loginscreen .dx-texteditor-input,
.QNB-css .loginscreen .dx-placeholder:before {
    padding: 10px 10px;
}

.QNB-css .dx-popup-title.dx-toolbar {
    padding: 11px 13px;
    padding-bottom: 0px;
    /*border-radius: 5px 5px 0px 0px;*/
}

.QNB-css .order-popover .dx-popup-title.dx-toolbar {
    color: #fff;
}

.QNB-css .dx-popup-title {
    min-height: 28px;
    border-bottom: 0px;
    color: #870052;
    background: rgba(255, 255, 255, 0.1);
}

.QNB-css .dx-texteditor-input,
.QNB-css .dx-placeholder:before {
    padding: 5px 10px;
}

.QNB-css .dx-placeholder {
    color: #898b92;
    font-size: 8.5px;
    padding-top: 5px;
}

.QNB-css .Forgot_Password {
    display: inline-block;
    position: relative;
    top: 60px;
}

    .QNB-css .Forgot_Password a {
        color: #922466;
        text-decoration: underline;
        font-weight: 900;
        font-size: 8px;
    }

.QNB-css .loginscreen .chkcontainer {
    position: relative;
    right: 3px;
}

.QNB-css .loginscreen .dx-texteditor-container {
    right: 7px;
}

.QNB-css .loginscreen .dx-button {
    margin: 3px;
}

.QNB-css .Forgot_Password {
    right: 5px;
}

.QNB-css .loginscreen .dx-button {
    margin: 5px;
}

/*********************************************************** custom QNB end  ***********************************************/
/*********************************************************** custom ramz begin  ***********************************************/

.RAMZ-css #dxGridInvoice .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
}

.RAMZ-css #dxGridInvoice .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    color: white;
    text-align: center;
}

.RAMZ-css .trxSymmaryFilters, .historicalSymbolFilters {
    height: 60px;
    padding: 10px;
    margin-left: 30rem;
}

.RAMZ-css div#dxGridInvoice {
    width: 901px;
    display: contents;
    /*margin-left: 5rem;
    margin-bottom: 2rem;*/
}

    .RAMZ-css div#dxGridInvoice .dx-datagrid.dx-datagrid-borders {
        vertical-align: middle;
        width: 69%;
        height: 70% !important;
        margin: 0 auto !important;
        margin-bottom: 1rem !important;
    }

.RAMZ-css h5#taxInvoice {
    text-align: center;
    color: #45698B;
    margin: auto;
    margin-top: 17px;
}


.RAMZ-css #dxGridActivityDetails .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
    height: 42px;
}

.RAMZ-css #dxGridActivityDetails td.white.dx-cell-focus-disabled {
    background-color: #595959;
}

.RAMZ-css #dxGridActivityDetails td.White.dx-cell-focus-disabled {
    background-color: #595959;
}

    .RAMZ-css #dxGridActivityDetails td.White.dx-cell-focus-disabled.dx-datagrid-drag-action {
        background-color: #595959;
    }

    .RAMZ-css #dxGridActivityDetails td.white.dx-cell-focus-disabled.dx-datagrid-drag-action {
        background-color: #595959;
    }

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.BackgroungTotal {
    color: #44698B;
}

.RAMZ-css #dxGridActivityDetails .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    color: white;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    padding-top: 11px;
    font-size: 9px;
}


.RAMZ-css #dxGridActivityDetails .dx-datagrid-pager {
    border-top: 3px double #617F97;
}

.RAMZ-css #dxGridActivityDetails tr.dx-row {
    border-top: 1px solid #617F97;
    border-bottom: 1px double #617F97;
}


.RAMZ-css #dxGridActivityDetails .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
    height: 42px;
}

.RAMZ-css #dxGridActivityDetails td.white.dx-cell-focus-disabled {
    background-color: #595959;
}

.RAMZ-css #dxGridActivityDetails td.White.dx-cell-focus-disabled {
    background-color: #595959;
}

    .RAMZ-css #dxGridActivityDetails td.White.dx-cell-focus-disabled.dx-datagrid-drag-action {
        background-color: #595959;
    }

    .RAMZ-css #dxGridActivityDetails td.white.dx-cell-focus-disabled.dx-datagrid-drag-action {
        background-color: #595959;
    }

.RAMZ-css #dxGridActivityDetails .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    color: white;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    padding-top: 7px;
}


.RAMZ-css #dxGridActivityDetails .dx-datagrid-pager {
    border-top: 3px double #617F97;
}

.RAMZ-css #dxGridActivityDetails tr.dx-row {
    border-top: 1px solid #617F97;
    border-bottom: 1px double #617F97;
}
/*Consolidated Portfolio*/

.RAMZ-css #dxGridConsolidatedPortfolio .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
    height: 42px;
}

.RAMZ-css #dxGridConsolidatedPortfolio td.white.dx-cell-focus-disabled {
    background-color: #595959;
}

.RAMZ-css #dxGridConsolidatedPortfolio td.White.dx-cell-focus-disabled {
    background-color: #595959;
}

    .RAMZ-css #dxGridConsolidatedPortfolio td.White.dx-cell-focus-disabled.dx-datagrid-drag-action {
        background-color: #595959;
    }

    .RAMZ-css #dxGridConsolidatedPortfolio td.white.dx-cell-focus-disabled.dx-datagrid-drag-action {
        background-color: #595959;
    }

.RAMZ-css #dxGridConsolidatedPortfolio td.BrownColor.dx-cell-focus-disabled {
    background-color: #595959;
}

.RAMZ-css #dxGridConsolidatedPortfolio td.BlueColor.dx-cell-focus-disabled {
    background-color: #205A68;
}

.RAMZ-css #dxGridConsolidatedPortfolio .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    color: white;
    text-align: center;
    padding-top: 11px;
    font-size: 9px;
}


.RAMZ-css #dxGridConsolidatedPortfolio .dx-datagrid-pager {
    border-top: 3px double #617F97;
}

.RAMZ-css #dxGridConsolidatedPortfolio tr.dx-row {
    border-top: 1px solid #617F97;
    border-bottom: 1px double #617F97;
}

.RAMZ-css #dxGridConsolidatedPortfolio .dx-datagrid-rowsview .dx-row.dx-group-row td {
    color: #426A8D;
    background-color: white;
}

.RAMZ-css .dx-datagrid-rowsview .dx-row.dx-group-row {
    background-color: white;
}

.RAMZ-css .dx-row.dx-datagrid-group-footer > td {
    background-color: white !important;
}

.RAMZ-css #dxGridConsolidatedPortfolio .dx-datagrid-summary-item {
    color: #426A8D;
}




.RAMZ-css .disabledCheck input.dx-texteditor-input {
    background-color: #dddddd;
    pointer-events: none;
}

.RAMZ-css #activityId .trxSymmaryFilters {
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: auto 0px;
}

.RAMZ-css #dxGridPortfolioSummary .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
    height: 42px;
}

.RAMZ-css #dxGridPortfolioSummary td.YTDClass.dx-cell-focus-disabled {
    background-color: #205A68;
}

.RAMZ-css #dxGridPortfolioSummary td.InceptionClass.dx-cell-focus-disabled {
    background-color: #0C777D;
}

.RAMZ-css #dxGridPortfolioSummary .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    color: white;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    padding-top: 7px;
}

.RAMZ-css #dxGridPortfolioSummary div#dxGridPortfolioSummary {
    position: fixed;
    top: 5rem;
    right: 5rem;
    margin-left: 0rem;
    display: block;
    float: right;
}

.RAMZ-css #dxGridFinancial .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
    height: 42px;
}

.RAMZ-css #dxGridFinancial .dx-datagrid-summary-item.dx-datagrid-text-content.green {
    display: block;
}

.RAMZ-css #dxGridFinancial .dx-datagrid-headers .dx-header-row {
    background-color: #45698B;
    height: 42px;
}

.RAMZ-css #dxGridFinancial .dx-datagrid-summary-item.dx-datagrid-text-content.sumClass {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #dfdfdf;
}

.RAMZ-css tr#capitalContriputedId {
    margin-top: 29px;
    display: grid;
}

.RAMZ-css .dx-datagrid-total-footer td .dx-datagrid-summary-item.blue,
tr.dx-row.dx-data-row.blue {
    color: #509ef7 !important;
}

.RAMZ-css #dxGridFinancial .dx-datagrid-summary-item.dx-datagrid-text-content.sumClassFirstChils {
    display: block;
    padding-bottom: 5px;
    margin-top: 39px;
    padding-top: 5px;
    border: 1px solid #dfdfdf;
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.Total {
    display: block;
}
/*.dx-multiview.dx-swipeable.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-top: 63px;
}*/
.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.totalVClass {
    display: block;
    text-align: right;
}

.RAMZ-css .dt.borderClass.minusValue:after {
    content: ")"
}

.RAMZ-css .dt.borderClass.minusValue:before {
    content: "("
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.VatClass {
    display: block;
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.TotalR {
    display: block;
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.VatClassR {
    display: block;
}

.RAMZ-css .left_logo img {
    width: 150px;
}

.RAMZ-css dt.borderClass.background-color {
    background-color: #D9D9D9;
}

.RAMZ-css dt.dt-Line-Height.RAMZ {
    line-height: 2.5rem;
}

.RAMZ-css dt#contriputedSpace-Result {
    margin-top: 33px;
}

.RAMZ-css dt#contriputedSpace {
    margin-top: 30.5px;
}

dt.borderClass.Percent::after {
    content: '%';
}

.RAMZ-css dt.tr-Portfolio.total {
    color: #44698B;
    font-weight: bolder;
    font-size: 13px;
}

.RAMZ-css dt.dt-Line-Height.RAMZ.sub {
    margin-left: 13px;
}

.RAMZ-css dt#marketValue-Header {
    background-color: #44698B;
    color: white;
    text-align: center;
    height: 33px;
    padding-top: 7px;
}

.RAMZ-css dl#MTD-col {
    margin-right: -10px;
}

.RAMZ-css dt#MTD-Header {
    background-color: #222A35;
    color: white;
    text-align: center;
    height: 33px;
    padding-top: 7px;
}

.RAMZ-css dt#YTD-Header {
    background-color: #333F50;
    color: white;
    text-align: center;
    height: 33px;
    padding-top: 7px;
}

.RAMZ-css dt#sinceInception-Header {
    background-color: #8497B0;
    color: white;
    text-align: center;
    height: 33px;
    padding-top: 7px;
}

.RAMZ-css dl#YTD-col {
    margin-right: -10px;
}

.RAMZ-css dt.borderClass.Total-Background-Class {
    background-color: #D9D9D9;
    color: black;
}

.RAMZ-css dt.borderClass.background-color.Gray {
    background-color: #F2F2F2;
    color: black;
}

.RAMZ-css dt.borderClass {
    width: 133px;
    border: 0.1px solid #F2F2F2;
    text-align: right;
    padding: 3px;
    line-height: 19px;
}

.RAMZ-css div#dxGridFinancial {
    height: 100%;
    width: 15% !important;
    margin-left: 19rem;
    margin-top: 5px;
    display: inline-block;
    left: 0;
    position: fixed;
}

.RAMZ-css .otherMarquees {
}

.RAMZ-css .sl-app-workspaces {
    padding-top: 0px;
    PADDING-LEFT: 0PX;
    width: 100%;
    margin-top: 0.1rem;
    height: 200%;
}

.RAMZ-css .fa-bell {
    padding-top: 13px;
}

.RAMZ-css .LEDIndicator img {
    display: none;
}

.RamzHeaderUL {
    margin-bottom: 0px;
    /*background: linear-gradient(to left,rgba(112, 153, 173, 1) 1%,#ffffff 100%);*/
    background: rgb(234, 241, 244);
}

    .RamzHeaderUL li {
        display: inline-block;
        vertical-align: top;
    }

.RAMZ-css .Ramz_HeaderSummary {
    width: 330px;
}

.RAMZ-css .Forgot_Password {
    display: block;
    position: relative;
    margin-left: 2%;
    width: 45%;
    float: right;
    height: 36px;
    right: -5px;
    padding: 10px;
    top: 45%;
    background: transparent;
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.sumClassFirstChils {
    margin-top: 25px;
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.totalVClass::before {
    content: '\A'
}

.RAMZ-css .dx-datagrid-summary-item.dx-datagrid-text-content.profitClass::before {
    content: '\A'
}

.RAMZ-css .Forgot_Password a {
    color: black;
}

.RAMZ-css .loginscreen #clear {
    display: block !important;
    position: absolute;
    margin-left: 48%;
    /* top: 322px; */
    width: 41%;
    top: 171px;
}

.RAMZ-css #dxGridInvoice .dx-datagrid-summary-item.dx-datagrid-text-content.Total {
    display: block;
    /*border-bottom: 5px solid #45698B;*/
}

.RAMZ-css li.gs-w.sl-view.sl-view-account.ready {
    display: list-item;
    margin-top: 7px;
}

.RAMZ-css #dxGridInvoice .dx-datagrid-summary-item.dx-datagrid-text-content.VatClass {
    display: block;
    /*border-bottom: 5px solid #45698B;*/
}

.RAMZ-css #dxGridInvoice .dx-datagrid-summary-item.dx-datagrid-text-content.TotalR {
    display: block;
    /*border-bottom: 5px solid #45698B;*/
}

.RAMZ-css #dxGridInvoice .dx-datagrid-summary-item.dx-datagrid-text-content.VatClassR {
    display: block;
    /*border-bottom: 5px solid #45698B;*/
}

.RAMZ-css .rememberme {
    display: none;
}

#RamzMenu .dx-menu-vertical .dx-menu-item-wrapper {
    background: #eaf1f4 !important;
    width: 66px !important;
    height: 70px !important;
    line-height: 70px !important;
    border-right: 4px solid #ddd !important;
}

#RamzMenu {
    position: absolute;
    Z-INDEX: 111111;
    height: 100%;
    background: #eaf1f4;
}

    #RamzMenu .dx-context-menu.dx-overlay-content {
        left: 14px !important;
    }

    #RamzMenu .dx-menu-item-expanded {
        color: #fff !important;
        background: #dc7302 !important;
        border-left: 3px solid #ffb400;
    }

    #RamzMenu .dx-menu-base .dx-menu-item-wrapper {
        display: inline-block !important;
    }

.RamzMenuContainer .dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-content .dx-menu-item-text {
    font-size: 20px;
}

.RamzMenuContainer .dx-menu-base .dx-menu-items-container, #RamzMenu .dx-menu-base .dx-menu-item-wrapper {
    display: inline-block !important;
    width: 66px !important;
    height: 70px !important;
}

.RamzMenuContainer .dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
    content: "" !important;
}

.MenuRamz .dx-menu-item:hover {
    background: #e68720 !important;
    transition: all .4s ease-in-out;
    color: #fff;
}

.MenuRamz .dx-icon {
    font-size: 21px;
    color: inherit !important;
}

.RamzMenuContainer .dx-menu-base .dx-menu-item-content, .RamzMenuContainer .dx-context-menu .dx-menu-items-container {
    padding: 0px;
}

.MenuRamz .dx-submenu .dx-menu-item-wrapper {
    background: #eaf1f4 !important;
    display: inline-block !important;
    width: 90px !important;
    height: 68px !important;
    font-size: 10px !important;
    margin: 0px !important;
    line-height: 90px !important;
}

.RamzMenuContainer .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
    margin: -31px 0px 0px 13px !important;
}

.MenuRamz .dx-submenu .dx-menu-item .dx-menu-item-content .dx-icon {
    position: absolute !important;
    text-align: center !important;
    padding: 0px !important;
    bottom: 35px !important;
    left: 36px !important;
}

.RamzMenuContainer .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding: 0 20px 5px 5px !important;
    position: relative !important;
    right: 27px !important;
    top: 15px !important;
    font-size: 12px !important;
}

.MenuRamz .dx-submenu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    width: 90px;
    display: block;
    white-space: pre-wrap;
    line-height: 10px;
    padding: 0px;
    text-align: center;
    position: absolute;
    top: 40px;
}

.dx-context-menu .dx-submenu {
    background-color: inherit;
    border: 0px;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

#RamzMenu .dx-menu-item, .MenuRamz .dx-submenu .dx-menu-item {
    color: #001067;
}

    .MenuRamz .dx-submenu .dx-menu-item:hover {
        color: #FFF;
    }

.RamzMenuContainer .dx-menu:first-child > div > ul.dx-menu-items-container:first-child > li.dx-menu-item-wrapper:first-child {
    margin-left: 0px !important;
}

.MenuRamz .dx-submenu ul.dx-menu-items-container li.dx-menu-item-wrapper {
    display: inline-block;
    background: #eaf1f4;
    display: inline-block;
    width: 80px;
    height: 70px;
    font-size: 10px;
    margin: 0px;
    line-height: 100px;
    color: #003b6a;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    border-radius: 0 !important;
    border-left: 1px solid #ddd;
}

.RAMZ-css .loginscreen {
    background: url(../images/RAMZ/bg.png) no-repeat center top;
    background-color: #ccbc74;
    background-size: 100%;
}

    .RAMZ-css .loginscreen .inner {
        background: transparent;
        border: 0px;
        top: 155px;
        left: 340px;
    }

    .RAMZ-css .loginscreen .logolarge {
        display: none;
    }



    .RAMZ-css .loginscreen h4 {
        /* text-align: center; */
        padding: 20px 0;
        background-color: transparent;
        float: left;
        height: 39px;
        width: 502px;
        color: black;
        padding: 10px 0 10px 10px;
        font-weight: bold;
        width: 398px;
        margin-left: -20px;
        margin-top: -26px;
    }

.RAMZ-css .version {
    display: none;
}

.RAMZ-css .chkcontainer {
    color: black;
    background: transparent;
    width: 45%;
    position: relative;
    left: 5px;
}

.RAMZ-css .login-form .dx-fieldset {
    /* margin: 27px 10px; */
    height: 80px;
}

.RAMZ-css .login-form #userName input {
    text-transform: uppercase;
    border: 1px solid #666;
}

.RAMZ-css .login_footer {
    display: block;
    width: 100%;
    padding: 2px 0;
    float: left;
    /* margin-top: 50px; */
    position: fixed;
    bottom: 0px;
    left: 0;
    height: 24px;
}

    .RAMZ-css .login_footer .contain {
        width: 90%;
        margin: 0 auto;
        padding: 10px;
        border: 3px solid #fff;
    }

    .RAMZ-css .login_footer .fotr {
        border-right: 2px solid #353434;
        color: #353434;
        float: left;
        font-size: 11px;
        padding: 0 32px 0 0;
        width: 48%;
    }

    .RAMZ-css .login_footer .udadu {
        border: medium none;
        padding: 0 0 0 20px;
        text-align: right;
        font-size: 11px;
        width: 45%;
        direction: rtl;
    }

.RAMZ-css #passShow_keyboard {
    top: 72%;
    left: 34%;
}

.RAMZ-css .passShow {
    position: relative;
    width: 341px;
    top: -143px;
    left: 10px;
    z-index: 0;
}

.RAMZ-css .keyboardImg {
    z-index: 1;
    top: 12px;
}

.RAMZ-css .logolarge_secImg img {
    display: none;
}

.RAMZ-css .loginscreen .login-buttons .dx-button {
    background: linear-gradient(to bottom,#250000 1%,#d7a351 1%,#735533 100%);
    border-radius: 0px;
    width: 47%;
}

.RAMZ-css #dxGridFinancial .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    color: white;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    padding-top: 7px;
}

.RAMZ-css #financialDiv {
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.RAMZ-css tr.tr-Portfolio.total {
    color: #B0C4DC;
}

.RAMZ-css #dxGridFinancial td.AVGClass.dx-cell-focus-disabled {
    background-color: #595959;
}

.RAMZ-css #clockdate-full {
    display: none !important;
}



/*********************************************************** custom ramz end  ***********************************************/
#lightLED {
    top: 7px;
    position: absolute;
    overflow: hidden;
    padding: 0 0 4px;
    width: 30px;
    transform: rotate(270deg);
}


    #lightLED img {
        width: 15px;
    }

.shortName {
    PADDING: 3PX 0PX;
    color: green;
}

.entryshortName {
    display: none;
    color: green;
}

.LEDIndicator {
    cursor: help;
    position: absolute;
    width: 15PX;
    height: 15px;
    TOP: 0PX;
    RIGHT: 150PX;
}

.dx-rtl .LEDIndicator {
    left: 150PX;
    right: inherit;
}

.LEDIndicator img {
    width: 15px;
}

.LEDIndicator .tooltip .status {
    float: right;
}

.LEDIndicator .tooltip {
    background: #333;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -25px;
    BACKGROUND: #111;
    border: 1px solid #aaa;
    border-radius: 6px;
    opacity: 2;
    top: 0px;
    margin-top: 5px;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: relative;
    width: 70px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

    /* This bridges the gap so you can mouse into the tooltip without it disappearing */
    .LEDIndicator .tooltip:before {
        top: 30px;
        content: " ";
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        width: 100%;
    }

.ExpiredLine {
    background: red;
    text-align: center;
    font-weight: bold;
    line-height: 17px;
    text-transform: uppercase;
    cursor: pointer;
}

.LEDIndicator:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .LEDIndicator .tooltip {
    display: none;
}

.lte8 .LEDIndicator:hover .tooltip {
    display: block;
}

/*.dx-rtl .dx-scrollable-horizontal .dx-scrollable-content,.dx-rtl .dx-scrollable-both .dx-scrollable-content
 {
    float:inherit;
 }*/

.dx-popup-fullscreen .changepassword_container {
    width: 430px;
    margin-top: 25px;
    padding: 20px 30px;
    border: 1px solid #b1acac;
    border-radius: 2px;
}

.CIC-css .changepassword_container .dx-field-label, .CIC-css .changepassword_container .dx-field-value {
    width: 100% !important;
}

.CIC-css .changepassword_container .dx-field, .CIC-css .changepassword_container .dx-field {
    min-height: 17px;
}

.CIC-css .LEDIndicator .tooltip {
    display: none;
}

.CIC-css .LEDIndicator, .CIC-css .notifications .dx-list-item {
    cursor: default;
}

.CIC-css .otpScreen h4 {
    display: inline;
}



.CIC-css .ui-keyboard {
    background: white;
}

.CIC-css .ui-keyboard-button {
    background: #0e648a;
    border-radius: 4px;
}

    .CIC-css .ui-keyboard-button:hover {
        background: #135471;
        border: 1px solid #f8de0e;
    }

fieldset {
    min-width: 0;
    padding: 6px;
    margin: 0;
    border: 1px solid silver;
}

.changePass .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable {
    max-height: 176px;
}

.dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable.dx-popup-fullscreen-width {
    width: 30%;
}


.quick-Action-List {
    display: flex;
    justify-content: space-evenly;
    border-bottom: double;
    border-radius: 3px;
}

.quick-Action-List-Btn, .quick-Action-List-Btn:hover {
    background-color: transparent !important;
    width: 135px;
    border-width: 4px;
    height: 99%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* .quick-Action-List-Btn::selection, .quick-Action-List-Btn:focus, .quick-Action-List-Btn:active {
        background: #fff !important;
        color: #000
    }*/


.SelectedBtnOrder, .SelectedBtnWithdraw, .SelectedBtnOrder:hover, .SelectedBtnWithdraw:hover {
    background-color: white !important;
    color: black;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-width: 4px;
}

    .SelectedBtnOrder:focus, .SelectedBtnWithdraw:focus {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-width: 4px;
    }

.ADCB-css .SelectedBtnOrder .dx-button-text, .ADCB-css .SelectedBtnWithdraw .dx-button-text {
    color: black;
}



.WithdrawOrderEditPP .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .OrderEditPP .dx-field-value-static {
    width: 100%;
}

.WithdrawOrderEditPP .dx-field-label {
    width: 70%
}

.dx-field-label-small {
    font-size: smaller;
    color: #a3a3a3;
    padding: 5px 8px 5px 0;
    width: max-content;
    float: left;
}

.dx-field-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.withdrawOrderConfirmEditPP .dx-field-label-small {
    font-size: 13px;
}



.withdrawOrderConfirmEditPP .dx-field-container {
    border-bottom: double;
    border-radius: 3px;
    FLEX-DIRECTION: column;
    DISPLAY: flex;
    padding: 5px 8px 5px 0;
}


.spanContainer {
    justify-content: end;
    display: flex;
    width: 55%;
}


.withdrawOrderConfirmEditPP .spanContainer {
    justify-content: start;
}

.ExchangeRate {
    font-size: smaller;
    color: #a3a3a3;
    padding: 5px 8px 5px 0;
  
  
}




dt,dd{
    line-height: 1.42857143
}