@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-light-webfont.woff') format('woff'), url('/fonts/montserrat-light-webfont.woff2') format('woff2'), url('/fonts/montserrat-light-webfont.ttf') format('truetype'), url('/fonts/montserrat-light-webfont.svg#montserratregular') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/montserrat-semibold-webfont.eot');
    src: url('/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-semibold-webfont.woff') format('woff'), url('/fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('/fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('/fonts/montserrat-semibold-webfont.svg#Montserrat') format('svg');
}


.k-multiselect-wrap .k-input {
    display: none;
}

a.k-window-action.k-link.k-state-hover {
    background-color: transparent;
    border: none;
    padding: 2px;
    opacity: 1;
}

.hide {
    display: none;
}

.hidden {
    visibility: hidden;
}

.footerSpace {
    margin: 0px 0;
    margin-top: 10px;
}

.footerSpaceEducation {
    margin: 0px 0;
    margin-top: 10px;
}

.connectMessage {
    font-size: 40px;
    text-align: center;
    color: #ffffff;
}

html :not(.k-icon) {
    font-family: 'Montserrat', sans-serif !important;
}

html * {
    color: #282828;
}

    html *:focus {
        outline: none !important;
    }

body {
    margin: 0px;
    background-color: #282828;
    padding: 0 10px 10px;
}

img {
    border: none;
}

header {
    /*max-width: 4076px !important;*/
    max-width: 1490px !important;
    margin: auto;
}

.sprite {
    background-image: url(/img/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.wrapper {
    width: 100%;
    max-width: 1490px !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #282828;
}

.headerwrapper {
    background: #FFFFFF;
    /*max-width: 4076px !important;*/
    max-width: 1490px !important;
    width: 100%;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

.flex-container {
    display: flex;
}

.flex-container-vertical {
    display: flex;
    flex-direction: column;
}

.flex-dynamic {
    flex: 1;
}

#returnOldPlatform {
    display: block;
    max-width: 1490px !important;
    position: relative;
    min-height: 25px;
    vertical-align: top;
}

    #returnOldPlatform a {
        float: right;
        font-size: 12px;
        color: #ffffff;
        text-align: right;
        text-decoration: underline;
        margin-right: 10px;
    }

#poweredbytc {
    width: 50%;
    vertical-align: top;
    float: left;
}

    #poweredbytc span {
        line-height: 25px;
        font-size: 12px;
        color: #FFF;
        margin-left: 10px;
        display:inline-block;
    }

#linkoldplatform {
    width: 50%;
    display: inline-block;
}

#title {
    margin-top: 7px;
    margin-bottom: -0.75em;
}

    #title h1 {
        width: 100%;
        text-align: center;
        display: table;
    }

#logo {
    border-right: 1px solid #e9e9e9;
}

#logo img {
    vertical-align: middle;
    max-height: 90px;
    max-width: 300px;
}

.fleft {
    float: left;
    height: 100%;
}

.full-height {
    height: 100%;
}

.centering-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#navcontent {
    box-sizing: border-box;
    display: block;
    top: 0px;
    right: 0px;
    white-space: nowrap;
}

#searchnav {
    height: 106px;
    display: inline-block;
    /*position:absolute;
        top:0px;
        right:47px;*/
}

#usertip {
    display: inline-block;
    vertical-align: top;
}

.k-window-titlebar .k-window-action {
    float: right !important;
}

#feedbackDiv {
    position: fixed;
    right: 0px;
    top: 50%;
    background-color: #59c655;
    opacity: 0.7;
    border-radius: 10px 0 0 10px;
    margin-top: -50px;
    padding: 8px;
    z-index: 1000;
    width: 20px;
    vertical-align: middle;
}

    #feedbackDiv span {
        writing-mode: vertical-lr;
        transform: rotate(-180deg);
        font-family: 'montserratregular', 'Open Sans', sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
    }

    #feedbackDiv:hover {
        opacity: 1;
    }

#generaltabs .k-tabstrip-items .k-item {
    width: 275px;
    border: none;
}

#maintab {
    font-weight: bold;
    position: absolute;
    z-index: 2;
    left: 0px;
}

#noWizardForm {
    padding: 15px;
    width: 147px;
    text-align: left;
    font-size: 13px;
}

    #noWizardForm * {
        color: #ffffff;
        margin-top: 0;
    }

#generaltabs > .k-tabstrip-items {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 1308px !important;
}

#generaltabs > .k-content {
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
    background: #282828;
    overflow-x: hidden !important;
}

.k-tabstrip-wrapper {
    width: 100%;
}

.hide-overflow {
    overflow: hidden;
}

#generaltabs .k-tabstrip-items .k-item .k-link .circles {
    display: inline-block;
    height: 25px;
    width: 33px;
    text-align: center;
    border-radius: 33px;
    border: solid 3px;
    padding-top: 8px;
    margin-right: 5px;
}

#h-scroller {
    /*width: 184px!important;*/
    z-index: 1;
    height: 64px;
    position: absolute;
    top: 0;
    right: 0px;
}

    #h-scroller .scrollbt {
        display: block;
        height: 32px;
        width: 66px;
        background-color: #D5D5D5;
        border-left: 1px solid #E9E9E9;
        border-right: 1px solid #E9E9E9;
        text-align: center;
        cursor: pointer;
    }

.scrollbt span {
    position: relative;
    top: 8px;
    transform: none /*rtl:scaleX(-1)*/;
}

.scrollbt img {
    position: relative;
    top: 8px;
    transform: none /*rtl:scaleX(-1)*/;
}

.sprite-previous {
    width: 8px;
    height: 15px;
    background-position: -83px -91px;
    display: inline-block !important;
}

.sprite-next {
    width: 9px;
    height: 14px;
    background-position: -112px -5px;
    display: inline-block !important;
}

.addwlist {
    height: 64px;
    width: 170px;
    float: right;
    background-color: #D5D5D5;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}

.sprite-addwlist {
    min-width: 23px;
    height: 24px;
    background-position: -79px -5px;
    display: inline-block !important;
    margin-left: 10px;
    margin-right: 10px;
    /*padding-right: 5px;*/
}

.addwlist span {
    display: inline-block;
    font-size: 13px;
    text-align: left;
    padding-left: 5px;
    padding-right: 10px;
}


#addwlist {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    #addwlist img {
        display: inline-block;
        margin-left: 10px;
        margin-right: 5px;
    }

@-moz-document url-prefix() {
    #addwlist img {
        height: 25px;
    }
}

.links {
    height: 100%;
}

.k-window-titlebar .k-window-actions {
    right: .3em
}

.search {
    display: inline-block;
    width: auto;
    background-image: url(/img/search.png);
    background-position: center 35%;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    text-decoration: none;
    height: 100%;
    line-height: 140px;
}

.searchbox {
    display: inline-block;
    padding-top: 20px;
    vertical-align: top;
}

    .searchbox .searchModultop {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .searchbox .searchModultop .k-autocomplete {
            float: left;
            width: 96%;
            margin-bottom: 5px;
        }

    .searchbox .textBoxWidget {
        padding: 0;
    }

.searchModultop input[type=text] {
    box-sizing: border-box;
    padding-right: 25px;
    height: 23px;
}

#searchquerytop {
    box-sizing: border-box;
    padding-right: 25px;
    height: 25px;
}

#searchquerytop, #searchquerymenu, #searchquerymobilemenu {
    background-color: #fff;
    color: #000;
    font-size: 13px;
}

#searchquerytop-list, #searchquerymenu-list, #searchquerymobilemenu-list {
    background: #fff;
    border: none;
    padding: 0;
}

    #searchquerytop-list .k-item, #searchquerymenu-list .k-item, #searchquerymobilemenu-list .k-item {
        color: #414141;
        background: #fff;
        font-size: 13px;
        padding: 5px;
        border-bottom: 1px solid #E9E9E9;
    }

        #searchquerytop-list .k-item:first-child, #searchquerymenu-list .k-item:first-child, #searchquerymobilemenu-list .k-item:first-child {
            color: #414141;
            background: #fff;
            font-size: 13px;
            padding: 5px;
            border-top: 1px solid #E9E9E9;
        }

.profileDisabled {
    cursor: auto !important;
    background-color: #e1e1e1 !important;
    border: #e1e1e1 !important;
}

#searchquerytop-list .k-item:hover, #searchquerymenu-list .k-item:hover, #searchquerymobilemenu-list .k-item:hover, #searchquerytop-list .k-state-focused {
    color: #ffffff !important;
    background: #414141 !important;
    border-bottom-color: #414141;
}

.searchbox .iconsearch {
    display: inline-block !important;
    margin-left: -20px;
    margin-top: 5px;
    position: relative;
}

.sprite-search {
    width: 17px;
    height: 16px;
    background-position: -131px -5px;
}

.searchbox .searchmore {
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    float: right;
    margin: -1px -53px 0 0;
}

.k-nodata {
    background: #ffffff;
    font-style: italic;
    font-size: 11px;
    color: #282828;
    min-height: 0px;
}

.k-menu .k-animation-container {
    width: 290px !important;
    height: 100%;
    position: absolute !important;
    margin: 0px !important;
    padding: 0px !important;
    right: -16px !important;
    left: auto !important;
    top: 0px !important;
    box-sizing: border-box !important;
}

#menu .menu-wrapper {
    top: 0px !important;
    border: none;
    left: 1px;
    display: none;
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

    #menu .menu-wrapper .k-item {
    }

.menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sprite-menu {
    background-image: url(/img/spritesheet.png);
    background-position: -32px -91px;
    width: 22px;
    height: 18px;
    margin-bottom: 10px;
}

    .menu .k-icon {
        display: none !important;
    }

.menuFaded {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 100;
}

.mobileMenu {
    display: none;
}

.user {
    border-left: solid 1px #D5D5D5;
    border-right: solid 1px #D5D5D5;
    padding: 26px 21px;
}

#userli {
    border: none !important;
    margin-bottom: 15px;
}

.user #user {
    /*margin-top:20px; a remettre */
    margin-top: -1px;
}

.user #usermenu {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

.sprite-logout {
    width: 25px;
    height: 23px;
    display: inline-block !important;
    background-image: url(/img/logout21.png);
    margin-right: 20px;
}


.user #usermenu div, .user #usermenu {
    border-color: #FFFFFF !important;
    background: #ffffff;
}

.sprite-user {
    width: 14px;
    height: 16px;
    background-position: -120px -102px;
    display: inline-block !important;
}

#help {
    display: block;
    text-align: center;
}

.sprite-help {
    width: 17px;
    height: 19px;
    background-position: -5px -91px;
    display: inline-block !important;
}

/*Menu*/
#menu {
    border: none !important;
    padding: 0 15px;
    background: #ffffff;
    float: right;
    height: 100%;
}

    #menu.activ, #menu.activ li, #menu.activ .menu {
        background-color: #282828;
    }

        #menu.activ .menu {
            background-image: url('/img/menuactiv.png') !important;
            background-size: initial;
        }

    #menu .k-overflow-anchor {
        border: none !important;
        background-color: #FFFFFF;
    }

        #menu .k-overflow-anchor .k-icon {
            background-image: url('/img/menu.png');
            background-color: #FFFFFF;
            background-position: center center;
            display: block;
            width: 100%;
            height: 100%;
        }

    #menu .k-item {
        background-color: #FFFFFF;
        border: none;
        height: 100%;
    }

    #menu .menu {
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

.menu-wrapper .profileMenu {
    background-image: url(/img/profil_icon.png);
    background-origin: padding-box;
    background-position: 5% 25%;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 45px !important;
}

.menu-panel:last-child {
    padding-bottom: 5px;
}

.menu-panel .profileMenu {
    width: 290px;
}

.menu-panel .userInfo {
    padding: 0 !important;
    height: auto !important;
}

    .menu-panel .userInfo div {
    }

    .menu-panel .userInfo span {
        padding: 0 !important;
        opacity: 1 !important;
        text-transform: none !important;
        width: 100% !important;
    }

    .menu-panel .userInfo a#profile {
        margin: 0 !important;
    }

.menu-panel .disconnect {
    margin: 5px 10px 0 50px;
    height: 30px;
}

    .menu-panel .disconnect a {
        font-size: 13px;
        position: absolute;
        right: 20px;
        padding: 5px 20px;
        text-align: center;
        background-color: #e9e9e9;
        text-decoration: none !important;
    }

.searchMenu {
    padding: 10px 10px 10px 10px !important;
}

.menu-panel .searchbox {
    display: block !important;
    padding-top: 0px !important;
    width: 290px;
}

    .menu-panel .searchbox .searchModultop {
        padding: 0px !important;
        display: inline-block;
    }

        .menu-panel .searchbox .searchModultop .k-autocomplete {
            display: block !important;
            width: 150px !important;
            margin-bottom: 0px !important;
        }

    .menu-panel .searchbox .searchmore {
        display: inline-block !important;
        vertical-align: top !important;
        line-height: 28px;
        float: none !important;
        margin: 0 !important;
    }

a#menu-help.menu-item2 {
    background-image: url(/img/tip-icon.png) !important;
    height: auto !important;
    padding: 15px 10px 15px 60px !important;
}

    a#menu-help.menu-item2:hover {
        background-image: url(/img/tip-icon-hover.png) !important;
    }

#education {
    background-image: url(/img/education_TA.png) !important;
}

    #education:hover {
        background-image: url(/img/education_TA-hover.png) !important;
    }

#educationondemand {
    background-image: url(/img/education_on_demand.png) !important;
}

    #educationondemand:hover {
        background-image: url(/img/Education_on_demand-hover.png) !important;
    }

#VideoTuto {
    background-image: url(/img/video_tuto.png) !important;
}

    #VideoTuto:hover {
        background-image: url(/img/video_tuto-hover.png) !important;
    }

#FAQ {
    background-image: url(/img/faq_icon.png) !important;
}

    #FAQ:hover {
        background-image: url(/img/faq_icon-hover.png) !important;
    }

#portfolios {
    background-image: url(/img/portfolios_icon.png) !important;
}

    #portfolios:hover {
        background-image: url(/img/portfolios_icon-hover.png) !important;
    }

#commentaries {
    background-image: url(/img/news_icon.png) !important;
}

    #commentaries:hover {
        background-image: url(/img/news_icon-hover.png) !important;
    }

#MenuWebtv {
    background-image: url(/img/webtv-icon.png) !important;
}

    #MenuWebtv:hover {
        background-image: url(/img/webtv-icon_hover.png) !important;
    }

#MenuMTIndicator {
    background-image: url(/img/D_GRAY.png) !important;
}

    #MenuMTIndicator:hover {
        background-image: url(/img/D_Light.png) !important;
    }

.menu-item {
    /*background-image: url(/img/candles.png);
    background-origin: padding-box;
    background-position: 5% 55%;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 60px;*/
}

.sprite-candles {
    width: 25px;
    height: 23px;
    background-position: -26px -39px;
    display: inline-block !important;
    margin-right: 20px;
}

.menu-item-container {
    padding: 10px 15px;
    display: flex;
}


.menu-item:hover > .menu-item-container > .sprite-candles {
    background-position: -61px -39px;
}

.menu-item2 {
    font-size: 16px !important;
    font-weight: normal !important;
    background-origin: padding-box !important;
    background-position: 5% 55% !important;
    background-repeat: no-repeat !important;
    padding: 10px 10px 10px 60px !important;
}

.menu-item3 {
    font-size: 16px !important;
    font-weight: normal !important;
}

.menu-home-container {
    padding: 15px 15px;
    display: flex;
}

.sprite-home {
    width: 27px;
    height: 22px;
    background-position: -5px -5px;
    display: inline-block !important;
    margin-right: 20px;
}

.menu-item3:hover > .menu-home-container > .sprite-home {
    background-position: -42px -5px;
}

.menu-item:not(:last-child), .menu-item2:not(:last-child), .menu-item3 {
    margin-bottom: 1px;
}

    .menu-item2:hover, .menu-item:hover > .menu-item-container, .menu-item3:hover > .menu-home-container {
        color: #FFFFFF;
    }



.menu-item2, .menu-item, .menu-item3 {
    box-sizing: border-box;
    display: block;
    background-color: rgb(255, 255, 255);
    font-size: 1em !important;
    font-weight: lighter !important;
    text-align: left;
    display: block;
    text-decoration: none;
    height: auto;
    margin: 0 0 0px 0 !important;
    white-space: normal !important;
    overflow: visible !important;
}

    .menu-item2:not(:last-child) {
        margin-bottom: 1px;
    }

.menu-wrapper {
    width: 290px;
    background-color: #fff;
    margin-top: 0px !important;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.32);
    box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.32);
}

    .menu-wrapper.oneCol {
        width: 290px;
    }


.module {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 230px;
    text-align: center;
    display: inline-block;
    margin: 1px;
    color: #FFFFFF;
    background-color: #414141;
    text-transform: uppercase;
    font-size: 18px;
    cursor: move;
    float: left;
}


.removeModule {
    text-decoration: none;
    margin-top: -1px;
    margin-right: 5px;
    float: right;
    display: inline-block;
}

.activemodule {
    background-color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    cursor: move;
    height: 20px;
    float: left;
}

.module .moduleName {
    color: #FFFFFF;
}

.module .moduleName, .activemodule .moduleName {
    display: inline-block;
    font-size: 15px;
}

.others {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 270px;
    text-align: center;
    display: inline-block;
    margin: 5px;
    background-color: #343434;
    font-size: 18px;
    cursor: pointer;
    height: 220px;
    vertical-align: top;
    position: relative;
}

.activeothers {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 270px;
    text-align: center;
    display: inline-block;
    margin: 5px;
    background: #ffffff;
    font-size: 18px;
    cursor: pointer;
    vertical-align: top;
    height: 220px;
    position: relative;
}


.activemodule .circles {
    display: inline-block;
    height: 22px;
    width: 25px;
    text-align: center;
    border-radius: 33px;
    border: solid 3px;
    padding-top: 2px;
    margin-left: 5px;
    float: left;
    position: relative;
    top: -5px;
    line-height: 21px;
    letter-spacing: 1px;
}

#modules {
    width: 500px;
    height: 300px;
}

#activemodules {
    width: 500px;
    height: 300px;
}

.panels {
    margin-left: 45px;
    padding: 0;
    margin-right: 45px;
}

    .panels li {
        /*margin-right: 10px;*/
        margin-bottom: 10px;
        list-style: none;
        float: left;
    }

#DashboardCongigPopup .panels li {
    margin-right: 10px;
    background-color: #343434;
}

.header {
    max-width: 1490px !important;
}

#title span {
    /* min-width: 500px;
        max-width: 500px;*/
    display: table-cell;
    vertical-align: middle;
}

.prevLink, .nextLink {
    display: none !important;
}


#menu .k-content {
    background: #fff;
    width: 100%;
    padding: 0px 0;
}

.menu-panel {
    padding: 0 0px;
    background: #fff;
    vertical-align: top;
    border-bottom: solid 2px #eeeeee;
}

    .menu-panel:first-child {
        padding-right: 0px;
    }

    .menu-panel:last-child {
        padding-left: 0px;
    }

    .menu-panel span {
        font-size: 0.875em;
        text-transform: uppercase;
        opacity: 0.6;
        display: block;
        padding-left: 14px;
        padding-top: .9em;
    }

.menu-item {
    margin: 0 1%;
}

#dashboardConfigWindow {
    border: none;
}

.dashboardConfigWindow .k-window-titlebar,
.wizardConfigWindow .k-window-titlebar,
.popupAccount .k-window-titlebar,
.popinNewTopic .k-window-titlebar,
.brokerCoverageWindow .k-window-titlebar {
    background: #ffffff;
    height: 73px;
    position: relative;
    margin: -37px 0 0 !important;
    padding: 0;
}

.mobileMenuOverlay .k-window-titlebar {
    display: none;
}

.mobileMenuOverlay {
    margin-left: 100px;
}

.popupAccount .k-window-titlebar {
    height: 50px !important;
}

.popupAccount .k-window-title img {
    height: 38px !important;
}

.popupAccount {
    background: none;
    border: none !important;
    box-shadow: none;
}

    .dashboardConfigWindow .k-window-title, .wizardConfigWindow .k-window-title, .popupAccount .k-window-title, .popinNewTopic .k-window-title, .brokerCoverageWindow .k-window-title, .saveSearch .k-window-title {
        text-align: center;
        display: table;
        top: 0;
        width: 100%;
        height: 100%;
    }

.k-window-title img {
    height: 55px;
}

.dashboardConfigWindow .k-window-title img, .wizardConfigWindow .k-window-title img, .popinNewTopic .k-window-title img {
    float: left;
    padding: 9px 50px;
    border-right: 1px solid #e9e9e9;
}

.popupAccount {
    top: 131px !important;
}

    .popupAccount .k-window-title img {
        float: left;
        padding: 6px 8px;
        border-right: 1px solid #e9e9e9;
    }



.popupTitle {
    display: table-cell;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0;
    top: 13px;
    font-size: 20px;
    font-weight: bold;
    color: #282828;
}

.popupConfigWL .k-grid-header th[data-field="isin"] {
    /*display: none*/;
}

.popupConfigWL .k-window-titlebar, .popupTips .k-window-titlebar {
    background: #ffffff;
    height: 50px;
    position: relative;
    padding: 0;
}

.popupConfigWL .k-window-title, .popupTips .k-window-title {
    text-align: center;
    display: table;
    top: 0;
    width: 100%;
    height: 100%;
}

    .popupConfigWL .k-window-title img, .popupTips .k-window-title img {
        height: 34px;
        float: left;
        padding: 7px;
        margin-left: -8px;
        border-right: 1px solid #e9e9e9;
    }

.popupConfigWL .popupTitle, .popupTips .popupTitle {
    display: table-cell;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
    font-size: 20px;
    font-weight: bold;
}

.popupConfigWL .k-window-actions, .popupTips .k-window-actions {
    top: 7px;
    right: 10px;
}

.brokerCoverageWindow .k-window-content {
    padding: 0;
    background: #282828;
}

.brokerCoverageWindow .k-window-titlebar {
    height: 40px;
}

.brokerCoverageWindow .popupTitle {
    font-size: 20px;
    font-weight: normal;
    top: 10px;
}

.brokerCoverageWindow .k-window-actions {
    top: 0px;
    right: 15px;
}

.dashboardConfigWindow .k-window-actions, .wizardConfigWindow .k-window-actions, .popinNewTopic .k-window-actions {
    top: 16px;
    right: 15px;
}

.popupAccount .k-window-actions {
    top: 5px;
    right: 15px;
}

.popupConfigWL .k-i-close, .dashboardConfigWindow .k-i-close, .wizardConfigWindow .k-i-close, .popupAccount .k-i-close, .popinNewTopic .k-i-close, .brokerCoverageWindow .k-i-close, .popupTips .k-i-close {
    background-image: url('/img/CloseIcon.png');
    background-position: 0 0 !important;
    background-size: 100%;
}

#DashboardCongigPopup {
    padding: 0 116px;
    background: #282828;
}

#popupConfigWatchList, #popupEditWatchList {
    padding: 0;
    background: #282828;
}

#popupEditWatchList {
    margin-top: -16px;
}

    #popupConfigWatchList h2, #popupEditWatchList h2 {
        color: #ffffff;
        font-size: 35px;
        font-weight: normal;
        margin: 50px 0 20px;
    }

#popupSaveSearch h2, #popupSendEmail h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: normal;
    margin: 20px 0;
}

.searchZone span {
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

.panelWL, .panelWL span {
    color: #ffffff;
}

    .panelWL span {
        width: 100%;
        display: block;
        font-size: 13px;
        padding: 5px;
    }

.saveSearchContent .subTitle {
    color: #808080;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    margin-top: 10px;
}

.saveSearchContent .subTitleEmail {
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.searchZone {
    background: #343434;
    padding: 15px;
    font-size: 13px;
    border-top: 1px solid #282828;
}

.panelWL {
    background: #343434;
    padding: 10px;
}

.btnSearch2 {
    /*background-image: url(/img/searchlogo.png);*/
    /*background-size: 22px 23px;
    background-position: center center;*/
    /*background-repeat: no-repeat;*/
    height: 45px;
    width: 38px;
    border-radius: 0 3px 3px 0;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sprite-searchlogo-big {
    width: 23px;
    height: 22px;
    background-position: -120px -70px;
}



#popupConfigWatchList .searchZone .k-autocomplete, #popupEditWatchList .searchZone .k-autocomplete {
    float: left;
    height: 47px;
    padding: 0;
    border: none;
    width: 200px !important;
}

#popupConfigWatchList .searchZone #autoComplete, #popupEditWatchList .searchZone #autoCompleteEdit {
    box-sizing: border-box;
    height: 47px;
    background: #575757;
    color: #ffffff;
    padding-left: 10px;
}

.nomWL {
    width: 50%;
    height: 40px;
    border: none;
    color: #ffffff;
    background: #575757;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    margin-top: 10px;
    margin-right: -15px;
}

.emailToastContainer {
    display: block;
    margin: 20px 40px;
}

.emailToastTextUnderline {
    text-decoration: underline;
    min-width: 1px;
}

.emailToastTextHover:hover {
    cursor: pointer;
}

.emailToastDisplay {
    display: block;
    margin-top: 10px;
}

.emailToastTextColor {
    color: #ffffff;
}

.tipsPersonnalList {
    color: #ffffff;
    font-size: 21px;
    float: left;
    margin-top: 32px;
    margin-left: 10px;
}

.save {
    font-size: 19px;
    border-radius: 3px;
    padding: 15px 20px;
    text-align: left;
    margin: 20px 10px 10px;
    float: right;
    cursor: pointer;
}

.saveText {
    color: #ffffff;
}

    .saveText::after {
        margin-left: 10px;
        float: right;
        content: url('/img/nextarrow.png') /*rtl:url(/img/previousarrow.png)*/;
    }

.save.disabled {
    cursor: auto;
    background-color: #e1e1e1;
    border: #e1e1e1;
}

#newWLGrid .k-grid-Delete, #editWL .k-grid-Delete {
    border: none;
    margin: 0;
    padding: 0;
    min-width: initial !important;
}

#newWLGrid td, #editWL td {
    color: #ffffff;
    background: #343434;
    font-size: 13px;
    border-top: 1px solid #414141;
    padding-top: 12px;
    padding-bottom: 12px;
    white-space: nowrap;
}

#newWLGrid th, #editWL th {
    color: #868686;
    background: #343434;
    border: none;
    font-size: 11px;
    text-align: left !important;
}

.btnDelete2 {
    width: 100%;
    background: #343434;
    text-align: right;
}

    .btnDelete2 .sprite-whiteclose {
        width: 14px;
        height: 14px;
        background-position: -26px -128px;
        display: inline-block !important;
    }

#newWLGrid .cellBtn, #editWL .cellBtn {
    border-left: none !important;
    border-right: none !important;
    text-align: center;
}

.popupConfigWL {
    min-width: 720px !important;
    max-width: 950px;
    width: 70%;
}

.cancelEditWL {
    float: right;
    margin-top: 33px;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
}

.deleteWL {
    background-color: #565656;
    padding: 15px;
    margin-top: 20px;
    margin-right: 65px;
    border: none;
    height: 25px;
    text-align: left;
    margin-top: 20px;
    cursor: pointer;
    margin-left: 15px;
    min-width: 200px;
    width: auto;
    float: left;
    border-radius: 3px;
}

    .deleteWL .deleteWL_text {
        color: #ffffff;
        font-size: 19px;
    }

    .deleteWL .deleteWL_img {
        background: url(/img/trash-icon.png) no-repeat;
        border: none;
        height: 24px;
        margin-left: 4px;
        display: inline-block;
        width: 24px;
        padding: 2px;
    }

.panelWL .tickerSlash {
    display: none;
    color: #868686;
}

#stepcontent {
    height: 500px;
    clear: both;
}

#wizardConfig {
    background: #282828 !important;
    position: initial;
    overflow: hidden;
}

.k-button-increase, .k-button-decrease {
    width: auto !important;
    height: auto !important;
    background-color: transparent;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

footer {
    border-collapse: collapse;
    background: #ffffff;
    height: auto;
    max-width: 1490px !important;
    margin: 0 auto;
    display: table;
    width: 100%;
    margin-top: 10px;
}

    footer a {
        text-decoration: none;
    }

    footer ul {
        padding: 0;
    }

    footer li {
        border-collapse: collapse;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        padding: 0 10px;
    }

        footer li:first-child {
            padding-left: 20px;
        }

    footer div {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
    }

    footer p {
        text-align: right;
        padding-right: 25px;
        font-size: 14px;
        margin: 0;
    }

.ps-container {
    position: relative;
}

.k-list-scroller.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 2px;
}

.perfect-scrollbar-y.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 2px;
}

.perfect-scrollbar-y {
    overflow-x: hidden;
    overflow-y: auto;
}

#myAccount {
    background: #282828;
    padding: 0;
    overflow: visible;
}

.contentWrapper {
    background: #282828;
    padding: 10px;
}

.accountPanel.coordPanel {
    min-height: 289px;
    width: 100%;
}

.accessPanel {
    width: 100%;
    min-width: 375px;
}

.accountPanel .title {
    text-align: center;
    color: #ffffff;
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #393939;
    background: #414141;
    text-transform: uppercase;
}

.accessPanel .contentLine {
    vertical-align: middle;
    padding: 10px 15px 0 15px;
}

.coordPanel .contentLine {
    display: table;
    width: 96%;
    padding: 4px 0 0 20px;
}

.accessPanel .contentLine .lineSep {
    padding: 30px 0;
}

.contentLine .lineSep {
    border-bottom: 1px solid #404040;
}

.coordPanel .contentLine:last-of-type {
    margin-bottom: 27px;
}

.alertConfig .background {
    background: url(/img/logoecran.png) 0% center no-repeat;
}

.lang .background {
    background: url(/img/disclaimerlang.png) 0% center no-repeat;
}

.timeZone .background {
    background: url(/img/logomonde.png) left 40% no-repeat;
}


.contentForm.formInformations .contentLine .label {
    width: 25%;
}

.contentForm.formPassword .contentLine .label {
    width: 200px;
}

.accessPanel .contentLine .background {
    display: block;
    width: 100%;
    padding: 10px 0;
}

.accessPanel .contentLine .label {
    display: block;
    width: 100%;
}

.contentLine .label {
    display: inline-block;
}

    .contentLine .label label {
        color: #737373;
        font-size: 15px;
        display: inline-block;
    }




.formPassword .contentLine input {
    width: 60%;
}

.formInformations .contentLine input {
    width: 70%;
}

.contentLine input {
    border: none;
    color: #ffffff;
    background: transparent;
    font-size: 16px;
    height: 100%;
    /*border-bottom: 1px solid #404040;*/
    padding-left: 10px;
    height: 28px;
    margin-bottom: 5px;
}


.alertConfig .lineSep {
    border-bottom: none;
}

.contentLine:last-of-type input {
    border-bottom: none;
}

.contentLine:last-of-type .label {
    border-bottom: none;
}

.contentLine input:not([readonly="True"]):focus {
    background: #3a3a3a;
}

.coordPanel .contentLine.confirmPasswordLine {
    display: none;
}

.contactImg {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    width: 75px;
    height: 75px;
    position: absolute;
}

    .contactImg img {
        height: 75px;
        width: 75px;
    }

.contactInfo {
    display: inline-block;
    padding-left: 95px;
}

.contactName {
    font-size: 19px;
    color: #ffffff;
}

.contactWork {
    color: #ffffff;
    font-size: 12px;
}

.conactSeparator {
    border-bottom: 1px solid #575757;
    border-top: none;
    border-right: none;
    border-left: none;
}

.contactTel, .contactMail, .contactUs {
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    padding-left: 30px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.contactUs {
    font-size: 14px;
    font-weight: 600;
}

.contactTel:hover, .contactMail:hover {
    color: #6f6f6f;
}

.contactTel {
    background: url(/img/logotel.png) no-repeat left center;
}

.contactMail {
    background: url(/img/logomail.png) no-repeat left center;
}

.contentForm {
    display: block;
    width: 100%;
    background: #343434;
}

.coordPanel .contentLine:first-child {
    margin-top: 20px;
}


.accessPanel .contentForm {
    width: 100%;
}


#panelPosition > li {
    border: none;
    width: 100%;
}

#panelPosition .k-link {
    padding: 0;
}

#panelPosition .k-menu-expand-arrow {
    display: none;
}

#item1 {
    width: 315px;
    border: none;
    display: inline;
}

#positionText {
    background: #343434;
    color: #ffffff;
    font-size: 12px;
    padding-top: 5px;
    cursor: pointer;
    padding-left: 5px;
    display: block;
}

.positionList {
    background: #ffffff !important;
    padding: 15px 0 !important;
    margin-top: -170px;
}

.positionText {
    margin: auto;
    width: 80%;
    white-space: normal;
    font-size: 14px;
    text-align: center;
}

.buttonContainer {
    width: 50%;
    margin: auto;
    border: 10px solid #5f5f5f;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .buttonContainer .buttonPosition {
        width: 33.33%;
        height: 25px;
        padding: 0;
        border: none;
        background: #868686;
        float: left;
    }

        .buttonContainer .buttonPosition.selected {
            background: #ffffff !important;
        }

        .buttonContainer .buttonPosition.noClick {
            background: #343434;
        }

span[aria-owns="TimeZoneId_listbox"], span[aria-owns="LangueId_listbox"], span[aria-owns="panelPositionsList_listbox"] {
    width: 93%;
    display: block;
    font-size: 12px;
    margin-left: 8%;
}

#panelPosition {
    width: 93%;
    margin-left: 7%;
}

span[aria-owns="TimeZoneId_listbox"] *, span[aria-owns="LangueId_listbox"] *, span[aria-owns="panelPositionsList_listbox"] * {
    background-color: #343434 !important;
    unicode-bidi: plaintext;
}

#editProfile {
    padding-top: 5px;
}

    #editProfile .rowleft {
        flex: 1
    }

    #editProfile .rowright {
        margin-left: 10px;
    }

.columnsWrapper {
    position: relative;
}

.buttonsEditProfile {
    position: relative;
    margin: 10px;
    padding-bottom: 20px;
}

#submitEditProfile {
    font-size: 16px;
    border-radius: 3px;
    color: #ffffff;
    padding: 15px 45px 15px 20px;
    background-image: url(/img/nextarrow.png) /*rtl:url(/img/previousarrow.png)*/;
    background-repeat: no-repeat;
    background-position: right 20px center;
    text-align: left;
    cursor: pointer;
    float: right;
}

#TimeZoneId-list, #LangueId-list {
    border: none;
    padding: 0;
}

#TimeZoneId_listbox .k-item, #LangueId_listbox .k-item, #panelPositionsList_listbox .k-item {
    color: #000000;
    background: #ffffff;
    border: none;
    padding: 5px;
    font-size: 13px;
    cursor: pointer;
    direction: ltr !important /*rtl: ltr !important*/;
    unicode-bidi: plaintext;
}

    #TimeZoneId_listbox .k-item:hover, #LangueId_listbox .k-item:hover, #panelPositionsList_listbox .k-item:hover {
        color: #ffffff;
        background: #343434;
        border: none;
        padding: 5px;
        font-size: 13px;
    }

    #TimeZoneId_listbox .k-item.k-state-selected, #LangueId_listbox .k-item.k-state-selected, #panelPositionsList_listbox .k-item.k-state-selected {
        color: #ffffff;
        border: none;
        padding: 5px;
        font-size: 13px;
    }

#errorMessage {
    display: none;
    width: 100%;
    margin: auto;
    background: #ff4614;
    padding-top: 10px;
    padding-bottom: 10px;
}

.errorHeader {
    color: #ffffff;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
}

#error-summary {
    margin-top: 5px;
}

    #error-summary li {
        display: block;
    }

.validation-summary-valid {
    display: none;
}

.errorLine {
    display: none;
}

#errorMessage span {
    color: #ffffff;
    font-size: 14px;
}



.closeAccount {
    color: #ffffff;
    display: inline-block;
    top: 15px;
    cursor: pointer;
    padding: 15px;
    float: right;
}

#menuUser {
    right: 0;
    background: #ffffff;
    border: none;
    -moz-box-shadow: -2px -2px 10px 0px #656565;
    -webkit-box-shadow: -2px -2px 10px 0px #656565;
    -o-box-shadow: -2px -2px 10px 0px #656565;
    box-shadow: -2px -2px 10px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=10);
    width: 290px;
    padding-top: 30px;
}

#usermenu .k-animation-container {
    right: 0;
    left: auto !important;
    -moz-box-shadow: -2px -2px 10px 0px #656565;
    -webkit-box-shadow: -2px -2px 10px 0px #656565;
    -o-box-shadow: -2px -2px 10px 0px #656565;
    box-shadow: -2px -2px 10px 0px #656565;
}

.userInfo {
    padding: 0 30px 30px;
    height: 55px;
}

.userName {
    font-weight: bold;
}

.userName, .userMail {
    display: block;
    font-size: 12px;
}

#menuUser .disconnect {
    background: #e9e9e9;
    padding: 15px 40px;
}

    #menuUser .disconnect .k-link {
        background: url(/img/close2.png) no-repeat 90% center #ffffff;
        margin: auto;
    }

#menuUser .disconnect1 {
    background: #e9e9e9;
    padding: 15px 25px;
    font-size: 14px;
}

    #menuUser .disconnect1 .k-link {
        background: url(/img/logout21.png) no-repeat 94% center #ffffff;
        margin: auto;
    }

        #menuUser .disconnect1 .k-link:hover {
            background-image: url(/img/logout21_white.png);
            background-repeat: no-repeat;
            background-position: 94% center; /*rtl:6% center*/
        }

        #menuUser .disconnect1 .k-link:hover {
            color: #ffffff;
            /*background-image: url(/img/HomeWhite.png);*/
            margin: auto;
        }


#menuUser .band {
    padding: 0 30px;
    border-top: 1px solid #d5d5d5 !important;
}

#profile {
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}

#notificationSave {
    width: 100%;
    margin: 10px auto;
    display: block;
}

    #notificationSave .k-notification {
        border: none;
    }

    #notificationSave .k-notification-wrap, #notifTarget .k-notification-wrap, #notifTarget2 .k-notification-wrap {
        color: #ffffff;
    }

#notifTarget, #notifTarget2 {
    width: 80%;
    margin: 10px auto 0;
}

    #notifTarget .k-icon, #notifTarget2 .k-icon {
        display: none;
    }

    #notifTarget .k-notification-wrap, #notifTarget2 .k-notification-wrap {
        white-space: normal;
    }

    #notifTarget .k-notification, #notifTarget2 .k-notification {
        border: none;
        background: #ff4614;
    }

.menuModul > ul > li:not(.ongletSelect) .k-link {
    color: #ffffff !important;
}

.menuModul .k-tabstrip-items .k-item .k-link, .subItemModul .k-link {
    line-height: 0 !important;
    text-indent: 0 !important;
    height: auto !important;
}

.menuModul .k-tabstrip-items .k-item, .subItemModul, .subItemModul .k-link {
    height: auto !important;
}

#accountNewsLetter .ongletModul {
    height: 16px !important;
}

.menuModul .k-link, .menuModul span.k-link {
    display: inline-block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 15px 0 0 !important;
}

#listCoverage ul {
    display: table;
}

#listCoverage li {
    display: table-cell;
}

.textStyle {
    font-size: 11px !important;
    display: block !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.menuModul .k-content {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}

#accountNewsLetter .noTab {
    height: 0 !important;
    padding: 0 !important;
}

#accountNewsLetter .newsLetter {
    border: none;
    margin-top: 13px;
    margin-bottom: 18px;
}

.newsLetter .k-grid-header {
    display: none;
    padding: 0 !important;
}

.newsLetter tr {
    background: #343434;
}

.newsLetter td {
    color: #ffffff;
    font-size: 13px;
    height: 40px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #404040;
}

.newsLetter .k-grid-content {
    overflow-y: visible;
}

#accountNewsLetter .menuModul {
    background: #343434 !important;
}

#accountNewsLetter .ongletModul {
    display: inline-block;
    padding: 12px 25px !important;
    font-size: 13px;
    background: #343434 !important;
    text-align: center;
    height: auto;
    width: auto !important;
}

    #accountNewsLetter .ongletModul.k-state-active .k-link {
        color: #000000 !important;
        background: #ffffff !important;
    }

    #accountNewsLetter .ongletModul.k-state-active {
        background: #ffffff !important;
    }

#accountNewsLetter .k-state-active .containerArrowNewsLetter {
    display: block;
}

.containerArrowNewsLetter {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    display: none;
}

.arrowNewsLetter {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    margin: auto;
}

.newsLetterButton {
    background: #343434;
    border: none;
    color: #7c7c7c;
    cursor: pointer;
    padding-right: 45px;
    font-size: 11px;
}

    .newsLetterButton.selected {
        background: url(/img/CheckedTopic.png) no-repeat 95% center #343434;
        color: #ffffff;
    }

/* html.k-mobile .isotope, html.k-mobile .isotopeProduct, html.k-mobile .wrapper, html.k-mobile {
        max-width:590px!important;
        width:590px!important
        }*/

#logoLanding {
    padding-top: 8px;
}

.logoTC_poweredBy {
    width: 250px;
    margin-left: 30px;
}

div.landingContent {
    margin: 100px auto 0 400px;
    width: 800px;
}

.landingContent h1 {
    color: #ffffff;
    font-size: 40px;
}

.landingContent p {
    color: #ffffff;
    font-size: 22px;
}



.dialogConfirmDeleteWL {
    display: none;
    z-index: 900;
    position: relative;
    background-color: #ffffff;
    color: #000000;
    width: 260px;
    height: 100px;
    margin: -220px auto 0;
    text-align: center;
    padding: 40px 30px;
    font-size: 16px;
}

    .dialogConfirmDeleteWL div {
        text-align: left;
    }

    .dialogConfirmDeleteWL button {
        background-color: #ffffff;
        color: #000000;
        border: 1px solid #000000;
        margin-top: 10px;
        font-size: 18px;
        padding: 8px 30px;
    }

        .dialogConfirmDeleteWL button:hover {
            color: #ffffff;
            cursor: pointer;
        }

footer.lock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
}

.footerSpace.lock {
    position: fixed;
    bottom: 59px;
    #max-width: 4076px !important;
    #max-width: 1490px !important;
    width: 100%;
}

.footerSpaceEducation.lock {
    position: fixed;
    bottom: 59px;
    /*max-width: 4076px !important;
    max-width: 1490px!important;*/
    width: 100%;
}

.footerSpace {
    /*max-width: 1490px!important;*/
    width: 100%;
}

.footerSpaceEducation {
    /*max-width: 1490px!important;*/
    width: 100%;
}

.k-mobile #menu #menu_mn_active {
    position: inherit;
}

.k-mobile #menu .k-animation-container, .k-mobile #menu .menu-wrapper {
    left: 15px !important;
    max-width: 592px;
    padding: 0 !important;
}

.oneCol .menu-panel {
    width: 315px;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
}

    .oneCol .menu-panel:not(:first-child) {
        padding-left: 0;
    }

.popupTips {
    width: 70% !important;
    height: auto !important;
    max-width: 1490px;
}

#popupTips {
    /*padding:5% 10%;    */
    background: #282828;
}

    #popupTips * {
        color: #ffffff;
    }

.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}


#tipsNav {
    height: 40px;
    line-height: 40px;
    display: table;
    width: 100%;
}

    #tipsNav > * {
        display: table-cell;
        width: 33%;
        text-align: center;
        font-size: 12px;
    }

        #tipsNav > *:first-child {
            text-align: left;
        }

        #tipsNav > *:last-child {
            text-align: right;
        }

    #tipsNav a {
        text-decoration: none;
    }

.prevTip span, .nextTip span {
    color: #808080 !important;
    display: inline-block;
    line-height: initial;
    width: 80%;
    vertical-align: middle;
}

.prevTip img, .nextTip img {
    display: inline-block;
    vertical-align: middle;
}

.prevTip img {
    margin-right: 10px;
}

.nextTip img {
    margin-left: 10px;
}

.tipContent {
    padding: 0 20px !important;
    margin: 0 !important;
    font-size: 16px !important;
}

#tipsContent {
    display: table;
    width: 100%;
}

#currentTip {
    display: table-cell;
    width: auto;
    max-height: 400px;
    border-right: solid 10px #282828 !important;
}

#contentCurrentTip {
    padding: 25px 20px;
    max-height: 400px;
    overflow-y: auto;
}

#currentTip .tipTitle {
    font-weight: normal;
    font-size: 30px;
}

#relatedTips {
    width: 290px;
    display: table-cell;
    vertical-align: top;
    background: #383838;
}

#pageTips {
    max-height: 400px;
    overflow-y: auto;
}

#linkedTips, #pageTips {
    padding: 25px 20px;
}

    #linkedTips .title, #pageTips .title {
        height: 39px;
        line-height: 20px;
        border-bottom: 1px solid #3e3e3e;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
    }

#linkedTipsListView a, #pageTipsListView a {
    padding: 10px 0 10px 0;
    display: table;
    width: 100%;
    border-bottom: 1px solid #3e3e3e;
    text-decoration: none;
}

#linkedTips {
    margin-bottom: 10px;
}


#currentTip, #linkedTips, #pageTips, #pageTipsListView, #linkedTipsListView {
    background: #383838;
    border: none;
}

.educationButton {
    background-color: #D5D5D5;
    color: #282828 !important;
    text-align: center;
    padding: 8px 12px;
    border: 2px solid #D5D5D5;
    border-radius: 4px;
    height: 20px;
    cursor: pointer;
    font-size: 13px;
    margin-top: 10px;
}

.alertWindow, .alertWindow #alertGrid {
    background: #ffffff;
    border: none;
    color: #000000;
    padding: 0;
}

.popinAlert {
    visibility: hidden;
    left: initial !important;
    right: 0px;
}

    .popinAlert .k-window-titlebar {
        background: #ffffff;
    }

.alertWindow #alertGrid th {
    background: #ffffff;
    color: #000000;
    font-size: 11px;
    border-left: 0px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
    border-color: white;
}

.alertWindow #alertGrid table {
    margin: 0;
}

.alertWindow #alertGrid .k-grid-content tr {
    cursor: pointer;
    height: 36px;
}

.alertWindow #alertGrid tr:first-child {
    border-top: 1px solid #404040;
}

.alertWindow #alertGrid td {
    background: #ffffff;
    color: #000000;
    font-size: 13px;
    border-left: 0px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: normal !important;
    border-color: white;
}

    .alertWindow #alertGrid td a {
        display: block;
        text-decoration: none;
    }

.alertWindow #alertGrid .targetValue {
    font-size: 11px;
}

.alertWindow #alertGrid th img {
    padding: 0 3px;
    vertical-align: middle;
}

.alertWindow .k-grid-header {
    padding: 0 !important;
    background: #ffffff;
    border: none;
}

.alertWindow .k-grid-header-wrap {
    border: none;
}

.alertWindow .k-grid-content {
    overflow-y: visible;
}

.circleBlackAlert {
    background: url(/img/chevron2.png) no-repeat center center #282828;
    height: 22px;
    width: 22px;
    border-radius: 22px;
}

.popinAlert .k-window-title {
    font-size: 1.1em;
    font-weight: bold;
    white-space: pre-wrap !important;
}

.popinAlert .k-window-titlebar {
    min-height: 1.7em;
    position: relative;
}

@media(max-width:767px) {
    .popinAlert .k-window-titlebar {
        min-height: 2.7em;
    }
}

.k-nodata > div {
    padding: 0;
}

.noMatchesFound {
    border: solid 1px #dcdcdc;
    padding: 11px;
    /* Override Kendo behaviour of capitalizing the no matches message */
    text-transform: none;
}

/* Allow "beak" from tab to extend outside tabstrip */
.menuModul > ul {
    overflow: visible;
}

    .menuModul > ul .ongletModul {
        overflow: visible;
    }

.k-nodata > div {
    padding: 0;
}

.noMatchesFound {
    border: solid 1px #dcdcdc;
    padding: 11px;
    /* Override Kendo behaviour of capitalizing the no matches message */
    text-transform: none;
}

/* Allow "beak" from tab to extend outside tabstrip */
.menuModul > ul {
    overflow: visible;
}

    .menuModul > ul .ongletModul {
        overflow: visible;
    }

#popupSendEmail {
    background: #282828;
    min-height: 200px;
    display: none;
    padding: 20px 30px 10px 30px;
    font-size: 14px;
    color: #fff;
}

    #popupSendEmail .label, #popupSendEmail .subtitle {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        margin-bottom: 20px;
    }

    #popupSendEmail .label {
        display: table-cell;
        height: 35px;
        vertical-align: middle;
    }

span.label.error {
    color: #ff5021;
}

#popupSendEmail .emailValidationError {
    color: #ff5021;
    min-height: 1px;
}

#popupSendEmail #friendsEmail {
    border: 2px solid #7b797b;
    background-color: #575757;
    color: #ffffff;
    padding: 6px 20px 6px 0px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 20px;
}

    #popupSendEmail #friendsEmail:focus {
        border: 2px solid #7b797b;
    }

#popupSendEmail input[type=button] {
    font-size: 16px;
    color: #ffffff;
    padding: 7px 30px 7px 15px;
    background-image: url(/img/nextarrow.png) /*rtl:url(/img/previousarrow.png)*/;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: #12C95F;
    border: 1px solid #12C95F;
    cursor: pointer !important;
}

    #popupSendEmail input[type=button]:hover {
        background-color: #12C95F;
        border-color: #12C95F;
    }

#popupSendEmail [class*="col-"].rigth-align {
    text-align: right;
}

#popupSendEmail .error {
    color: #ff5021;
}


@media(max-width:767px) {
    .k-window-title {
        max-width: 300px;
    }
}

/* Responsive grid (mobile-first styles) */
div.grid-layout, div.grid-layout * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid-layout {
    width: 100%;
}

    div.grid-layout div.row {
        width: 100%;
    }

        div.grid-layout div.row::after {
            content: "";
            clear: both;
            display: table;
        }

    div.grid-layout [class*="col-"] {
        position: relative;
        width: 100%;
        float: left;
    }

@media screen and (min-width: 600px) {
    /* Table style devices */
    div.grid-layout .col-m-1 {
        width: 8.33%;
    }

    div.grid-layout .col-m-2 {
        width: 16.66%;
    }

    div.grid-layout .col-m-3 {
        width: 25%;
    }

    div.grid-layout .col-m-4 {
        width: 33.33%;
    }

    div.grid-layout .col-m-5 {
        width: 41.66%;
    }

    div.grid-layout .col-m-6 {
        width: 50%;
    }

    div.grid-layout .col-m-7 {
        width: 58.33%;
    }

    div.grid-layout .col-m-8 {
        width: 66.66%;
    }

    div.grid-layout .col-m-9 {
        width: 75%;
    }

    div.grid-layout .col-m-10 {
        width: 83.33%;
    }

    div.grid-layout .col-m-11 {
        width: 91.66%;
    }

    div.grid-layout .col-m-12 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    /* Desktop sized screens */
    div.grid-layout .col-1 {
        width: 8.33%;
    }

    div.grid-layout .col-2 {
        width: 16.66%;
    }

    div.grid-layout .col-3 {
        width: 25%;
    }

    div.grid-layout .col-4 {
        width: 33.33%;
    }

    div.grid-layout .col-5 {
        width: 41.66%;
    }

    div.grid-layout .col-6 {
        width: 50%;
    }

    div.grid-layout .col-7 {
        width: 58.33%;
    }

    div.grid-layout .col-8 {
        width: 66.66%;
    }

    div.grid-layout .col-9 {
        width: 75%;
    }

    div.grid-layout .col-10 {
        width: 83.33%;
    }

    div.grid-layout .col-11 {
        width: 91.66%;
    }

    div.grid-layout .col-12 {
        width: 100%;
    }
}

/* BEGIN: Media queries section */

@media screen and (max-width:719px) {
    #popupClose {
        position: static !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .searchbox .searchModultop .k-autocomplete {
        width: 84% !important;
    }

    .k-grid td {
        padding: 0 .6em;
        line-height: normal;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #feedbackDiv span {
        writing-mode: tb-rl;
    }
}

/* ----- Break Points for Dashboard and Watchlist Bar ------ */

@media screen and (max-width:959px) {
    #generaltabs > .k-tabstrip-items {
        overflow-x: auto;
    }

    #generaltabs .k-tabstrip-items .k-item {
        width: 120px;
        height: 40px;
    }

        #generaltabs .k-tabstrip-items .k-item .k-link {
            height: 40px;
            line-height: 40px;
        }

    #maintab {
        border-right: solid 2px #FFF !important;
    }

        #maintab .k-link, .wltab {
            font-size: 12px;
        }

    #h-scroller {
        height: 40px;
        width: 40px !important;
    }

    #addwlist {
        justify-content: center;
    }

    .addwlist {
        height: 40px;
        width: 40px;
    }

        .addwlist span {
            display: none;
        }

    #addwlist img {
        margin: 0;
    }

    .scrollbt {
        display: none !important;
    }
}

@media screen and (max-width:959px) and (min-width:600px) {
    #maintab .k-link, .wltab {
        font-size: 14px;
    }

    #generaltabs .k-tabstrip-items .k-item {
        width: 150px;
        height: 60px;
    }

        #generaltabs .k-tabstrip-items .k-item .k-link {
            height: 60px;
            line-height: 60px;
        }

    #h-scroller {
        height: 60px;
        width: 40px !important;
    }

    .addwlist {
        height: 60px;
        width: 40px;
    }
}

@media screen and (max-width:1023px) and (min-width:960px) {
}
/* ----- Break Points ------ */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .searchbox .searchmore {
        margin: 41px -238px 0 0;
    }
}

@media screen and (max-width:1300px) and (min-width:1150px) {
    .popupConfigWL {
        width: 100%;
        min-width: 90px !important;
        left: 110px !important;
    }

    .nomWL {
        width: 100%;
    }
}

@media screen and (max-width:1150px) and (min-width:1023px) {
    .popupConfigWL {
        width: 100%;
        min-width: 90px !important;
        left: 80px !important;
    }

    .nomWL {
        width: 100%;
    }
}

@media screen and (max-width:1023px) and (min-width:960px) {
    .popupConfigWL {
        width: 100%;
        min-width: 90px !important;
        left: 20px !important;
    }

    .nomWL {
        width: 100%;
    }
}

@media screen and (max-width:959px) {
    .popupConfigWL {
        width: 100%;
        min-width: 90px !important;
        left: 0 !important;
    }

    .nomWL {
        width: 100%;
    }
}

@media screen and (max-width:719px) {
    .popupConfigWL {
        width: 100%;
        min-width: 90px !important;
        left: 0 !important;
    }

    .nomWL {
        width: 100%;
    }
}

@media screen and (max-width:599px) {
    .cancelEditWL, .deleteWL .deleteWL_text, .save, .tipsPersonnalList {
        font-size: 17px;
    }

    .deleteWL {
        padding: 7.5px;
        width: 170px;
        min-width: 170px;
    }

    .save {
        padding: 7.5px 15px;
        height: 25px;
        min-width: 70px;
    }

    .cancelEditWL {
        margin-top: 29px;
    }
}


@media screen and (max-width:479px) {
    .popupConfigWL .popupTitle {
        top: 17px;
        font-size: 15px;
    }

    .tableAutoComplete {
        width: 300px !important;
    }

        .tableAutoComplete .fieldName {
            width: 180px !important;
        }

        .tableAutoComplete .fieldIsin {
            display: none !important;
        }

    #autoComplete-list {
        width: 300px !important;
    }

    .deleteWL {
        width: 28px;
        min-width: 28px;
    }

    .deleteWL_text {
        display: none;
    }

    .tipsPersonnalList {
        min-width: 150px;
        font-size: 13px;
    }

    #newWLGrid td, #editWL td, #newWLGrid th, #editWL th {
        vertical-align: top;
    }

        #newWLGrid td:nth-child(3), #editWL td:nth-child(3) {
            border-top: none;
            padding-top: 0;
            padding-bottom: 12px;
        }

        #newWLGrid td:nth-child(2), #editWL td:nth-child(2), #newWLGrid td:nth-child(3), #editWL td:nth-child(3) {
            display: block;
            width: 140px;
            padding-bottom: 3px;
        }

        #newWLGrid th:nth-child(2), #editWL th:nth-child(2), #newWLGrid th:nth-child(3), #editWL th:nth-child(3) {
            display: block;
            padding: 0 10px;
        }

        #newWLGrid th:nth-child(3), #editWL th:nth-child(3) {
            padding-bottom: 14px;
        }

    .panelWL .tickerSlash {
        display: inline;
    }
}

/*MEDIA QUERIES*/


/* max-width 480px */
@media screen and (max-width:479px) {
    footer li {
        max-width: 80px !important;
        font-size: 12px !important;
    }

    footer p {
        font-size: 12px !important;
    }

    footer li:first-child {
        padding-left: 5px !important;
    }


    #logo {
    }

    #logo img {
        max-height: 40px;
        max-width: 133px;
        /*height: 40px !important;*/
    }

    #returnOldPlatform a {
        line-height: 25px;
        color: white;
        text-decoration: underline;
    }

    #title {
        width: 100%;
        margin-top: 7px;
        display: inline-block;
        min-width: 150px;
    }

        #title h1 {
            font-size: 16px !important;
        }

    #searchnav {
        height: 50px !important;
    }

    .mobileMenu {
        display: block;
    }

    .menuText {
        line-height: 25px;
        font-size: 12px;
    }

    #mobileMenuDialog {
        background-color: rgb(255, 255, 255);
        padding: 0px;
        height: 100% !important;
        font-size: 12px;
        overflow:auto !important;
    }

    .menu-panel .userInfo {
        margin-left: 15px;
        margin-top: 15px;
    }

    #mobileMenuDialog .profileMenu {
        padding-bottom: 10px;
    }

    .disconnect1 {
        margin-left: 15px;
    }

    .mobileNavMenu {
        background-color: rgb(255, 255, 255);
    }

    #menu .menu {
        display: none;
        line-height: 80px !important;
        font-size: 12px !important;
    }

    #menu {
        padding: 0 5px !important;
    }

    .k-menu .k-animation-container {
        right: -5px !important;
    }

    /* Tips modal */
    .popupTips {
        width: 100% !important;
        left: 0 !important;
        height: auto !important;
        top: 0 !important;
    }

    .k-widget .k-window .popupTips {
        top: 0 !important;
    }

    #popupTips {
        padding: 0px !important;
    }

    #currentTip {
        padding: 25px 20px;
        max-height: none;
        display: block;
        border-right: initial !important;
    }

    #contentCurrentTip {
        padding: 0px;
        max-height: initial;
    }


    #relatedTips {
        width: auto;
        display: block;
        margin-top: 10px;
    }

    #linkedTips {
        margin-top: 10px;
    }

    .educationButton {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    #tipsNav {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

        #tipsNav > * {
            font-size: 12px;
        }

        #tipsNav > span {
            width: 100%;
        }

        #tipsNav > a {
            width: 10%;
        }

    .prevTip p span, .nextTip p span {
        display: none;
    }
}


@media screen and (min-width: 480px) and (max-width:719px) {
    /* Tips modal */
    .popupTips {
        width: 100% !important;
        left: 0 !important;
        height: auto !important;
        top: 0 !important;
    }

    #popupTips {
        padding: 0px !important;
    }

    .k-widget .k-window .popupTips {
        top: 0 !important;
    }

    #currentTip {
        padding: 25px 20px;
        max-height: none;
        display: block;
        border-right: initial !important;
    }

    #contentCurrentTip {
        padding: 0px;
        max-height: initial;
    }

    #relatedTips {
        width: 100%;
        display: table;
        margin-top: 10px;
    }

    #linkedTips {
        display: table-cell;
        width: 50%;
        border-right: 10px solid #282828;
    }

    #pageTips {
        max-height: 400px;
        overflow-y: auto;
    }

    #tipsNav {
        border-collapse: separate;
        border-spacing: 10px 0px;
    }

        #tipsNav > * {
            font-size: 12px;
        }

    .educationButton {
        margin-left: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 720px) and (max-width:959px) {
    /* Tips modal */
    .popupTips {
        width: 70% !important;
        height: auto !important;
    }

    #currentTip {
        vertical-align: top;
        width: auto;
        max-height: 400px;
        display: block;
        margin-right: 0px;
        overflow-y: auto;
        padding: 25px 20px;
        border-right: initial !important;
    }

    #contentCurrentTip {
        overflow: visible;
        padding: 0px;
        max-height: initial;
    }

    #relatedTips {
        width: 100%;
        display: table;
        margin-top: 10px;
    }

    #linkedTips {
        display: table-cell;
        width: 50%;
        border-right: 10px solid #282828;
    }

    #pageTips {
        max-height: 400px;
        overflow-y: auto;
    }

    #tipsNav {
        border-collapse: separate;
        border-spacing: 10px 0px;
    }

        #tipsNav > * {
            font-size: 12px;
        }

    .educationButton {
        margin-bottom: 10px;
    }
}

@media screen and (min-width:481px) and (max-width:959px) {
    #logo {
    }

        #logo img {
            max-height: 50px;
            max-width: 166px;
            line-height: 70px;
            /*height: 50px;*/
        }
}

/* max-width 959px */
@media screen and (max-width:959px) {
    body {
        padding: 0px !important;
        box-sizing: border-box;
    }

    header {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0px auto;
    }

    #returnOldPlatform a {
        line-height: 25px;
        color: white;
        text-decoration: underline;
    }

    #title {
        margin-top: 0px;
        width: 100%;
        display: inline-block;
    }

        #title h1 {
            font-size: 26px;
        }

    #usertip {
        display: none !important;
    }

    #navcontent > .searchbox {
        display: none !important;
    }

    #searchnav {
        height: 70px;
    }

    #menu .menu {
        line-height: 100px;
    }

    .footerSpace {
        display: none !important;
        visibility: hidden;
    }

    .footerSpaceEducation {
        display: none !important;
        visibility: hidden;
    }

    footer {
        box-sizing: border-box;
        background: #ffffff;
        height: auto;
        padding: 10px 0px;
        display: block;
        margin: 10px auto;
        margin-bottom: 0px;
        width: 100% !important;
        max-width: 100% !important;
    }

        footer ul {
            width: 100% !important;
            padding: 0px;
            margin-top: 0px;
        }

        footer li {
            border-collapse: collapse;
            text-align: center;
        }

        footer div {
            display: block;
            vertical-align: middle;
        }

        footer p {
            text-align: center;
            margin: 0;
            padding-right: 0px;
        }
}
/* END: Media queries section */