/* Minification failed. Returning unminified contents.
(1777,9): run-time error CSS1035: Expected colon, found '.'
(4883,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
: error : Index was outside the bounds of the array.
 */
/*#region global*/
body, p, input, select option, select, label, .dropdown-menu {
    font-family: Arial, Helvetica, Calibri, FontAwesome;
    font-size: 12px;
    color: #1E1E1E;
}

#pagemenu li:first-child img {
    width: 12px;
    margin-top: -3px;
}

.sub-text {
    font-family: Arial MT Std Light !important;
    font-size: 14px !important;
    color: #323232;
}

body {
    background-color: #F7F7F7;
}

select {
    color: #1E1E1E;
}

a, a:hover {
    color: #009CDE;
    cursor: pointer;
}

    a.default {
        color: #007bff;
        cursor: pointer;
    }

    a:hover {
        text-decoration: underline;
    }

    a.disable, a.disabled {
        pointer-events: none;
        cursor: default;
        color: #777;
    }

h1, h2, h3, h4 {
    color: #7E7E7E;
    font-style: normal;
    font-weight: 300;
    /*font-family: FuturaMaxiDemi;*/
    /*font-weight: normal;*/
}

h2 {
    margin: 0 !important;
    /*font-size: 24px;*/
}

h5, h6 {
    color: #7E7E7E;
    font-style: normal;
    font-weight: 300;
    /*font-weight: bold;*/
}

/*h5 {
    font-size: 12px;
}*/

h4.block {
    padding: 15px;
    background-color: #2C2C2C;
    color: #FFF;
}

[disabled],
[disabled="true"],
[disabled="disabled"],
[readonly],
[readonly="true"],
[readonly="readonly"] {
    cursor: default !important;
}

input[type=text], textarea, select, input.text-box {
    padding: 4px;
    margin-bottom: 9px;
    line-height: 18px;
    color: #555;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    input[type=text].form-control,
    input[type=search].form-control,
    input[type=password].form-control,
    textarea.form-control {
        font-size: 0.8rem;
    }

.form-control.form-control-sm + div.input-group-append > button {
    font-size: 11px;
}

input[type=text].form-control-plaintext, textarea.form-control-plaintext {
    border: solid rgba(255,255,255,0) !important;
    border-width: 1px 0 !important;
}

input[type=text] + .btn,
select + .btn {
    margin-left: 5px;
    margin-bottom: 9px;
}

.form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1;
}

.form-horizontal .control-label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    display: inline-block;
}

#body {
    min-height: calc(100vh - 342px);
    padding-bottom: 60px;
}

.main {
    padding: 40px 0px 0;
    /*padding: 0 20px;*/
}

.modal .modal-header .modal-heading {
    margin: 0;
    line-height: 28px;
}

/*#endregion global*/

/*#region header, logo, menu*/
#header {
    height: auto;
}

#header-main-menu {
    min-height: 46px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-flow: wrap;
}

#header .header-logo {
    margin-top: 10px;
    flex: 0 0 220px;
}

    #header .header-logo .logo {
        width: 170px;
        margin-top: -3px;
        margin-left: 16px;
    }

    #header .header-logo .logo-irate {
        height: 30px;
    }

#header .header-menu-desktop {
    display: inline-block;
    min-width: 780px;
}

#header #header-tools-container {
    flex: 1 1 320px;
}

#header .header-tools {
    display: flex;
    justify-content: end;
    width: 100%;
    max-width: 550px;
    height: 48px;
}

    #header .header-tools .input-group {
        flex-wrap: nowrap;
    }

    #header .header-tools .input-group-text {
        background: transparent;
        padding-right: 0.5rem;
        color: #ced4da;
    }

    #header .header-tools input[type="search"] {
        border-left: none;
        padding-left: 0.185rem;
        height: 32px;
    }

#header .subscription-alert {
    color: red;
    display: inline-block;
    text-align: right;
    position: relative;
    float: right;
}

#header .tooltip.left {
    display: block !important;
}

#header .tooltip.right {
    display: none !important;
}


#header .account-header {
    background: #002433 0% 0% no-repeat padding-box;
    box-shadow: 6px 3px 1px #0000000A;
    border-bottom: 1px solid #009CDE;
    outline: 1px solid #002433;
}

    #header .account-header .dropdown.show > button {
        background-color: transparent !important;
        color: #ffffff !important;
        border: 1px solid transparent !important;
        border-radius: 0;
        text-decoration: none;
    }

    #header .account-header .dropdown-menu {
        background: #002433 0% 0% no-repeat padding-box;
        border-radius: 0;
        border: none;
    }

        #header .account-header .dropdown-menu a {
            color: #ffffff !important;
            line-height: 2.3em;
            padding-left: 0.8em;
            padding-right: 0.8em;
        }

#header .header-content {
    display: flex;
    align-items: center;
}

#header .account-header .welcome-message {
    flex: 1 1 10%;
    display: flex;
    align-items: center;
}

#header .header-content-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    #header .header-content-menu .btn-link {
        color: white;
        text-decoration: none;
    }

#header .navigation-header {
    background-color: #ffffff;
    border: 1px solid #dadada;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

#header #menu-toggle-container {
    /*flex: 0 0 34px;*/
}

/*#endregion header, logo, menu*/

/*#region account menu*/
.account-wrapper {
    /*display: none;*/
    vertical-align: middle;
}

    .account-wrapper .btn:hover {
        color: #009CDE;
    }

    .account-wrapper i.fa {
        line-height: 32px;
    }

    .account-wrapper > ul {
        padding: 0;
        margin: 0;
    }


/*use in adminAreaLayout.cshtml for styling account dropdown menu*/
.nav-account {
    flex-wrap: nowrap;
}

    .nav-account > li {
        display: inline-block;
    }

        .nav-account > li > a {
            background: none;
            color: #ffffff !important;
            font-size: 14px;
            padding: 0 10px;
            text-decoration: none;
            white-space: nowrap;
        }

        .nav-account > li > button {
            white-space: nowrap;
        }

        .nav-account > li > .fa {
            font-size: 16px;
            color: #fff;
        }

        .nav-account > li:first-child > a,
        .nav-account > li:last-child > a {
            border-right: none;
        }

        .nav-account > li > a:hover {
            background-color: rgba(255,255,255,0) !important;
        }

        .nav-account > li > a > .caret {
            border-left: 4px solid rgba(255,255,255,0);
            border-right: 4px solid rgba(255,255,255,0);
            border-top: 9px solid #9da898;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            margin-top: 6px;
            margin-left: 5px;
        }

        .nav-account > li > a > .badge {
            background-color: #9da898;
            color: #1E1E1E;
        }

    .nav-account .dropdown-toggle::after, .nav-account .dropdown-toggle:after {
        margin: 0px 20px 0px 30px;
    }

/*workbench*/
.nav .open #workbenchToggle .caret,
.nav .open .dropdown-toggle-account .caret,
.nav .open .dropdown-toggle-account:hover .caret {
    border-top-color: #9da898;
}

#userAccount > .dropdown-toggle-account {
    height: 32px;
    width: 32px;
    padding: 0;
    border-radius: 50%;
    font-size: 15px;
    background-color: #002433;
    color: #fff;
    /* border: 1px solid #009CDE; */
    outline: 2px solid #002433;
}

#userAccount.show > .dropdown-toggle-account {
    border: 1px solid #009CDE;
}

.dropdown.open #workbenchToggle.dropdown-toggle {
    background: none !important;
}

#workbenchToggle:before {
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f03a";
    padding-right: 1em;
}

.nav-account .dropdown.show #workbenchToggle:before {
    content: "\f00d";
}

.nav-account .dropdown.show > #workbenchToggle {
    background-color: #16befc;
    color: #ffffff;
    border-bottom-style: solid;
    border-radius: 4px;
    border-color: #16befc;
}

.dropdown.open .dropdown-menu#workbenchMenu {
    display: table;
}

#workbenchMenuLeft {
    display: table-cell;
    vertical-align: top;
    min-width: 550px;
    width: auto;
}


#workbenchMenuLeftProducts {
    max-height: 377px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 50px 10px 15px;
}

    #workbenchMenuLeftProducts img {
        width: 15px;
        height: 15px;
        margin-right: 10px;
        cursor: pointer;
    }

    #workbenchMenuLeftProducts a {
        background: none;
        color: #757575;
        padding: 0;
        padding-bottom: 8px;
        line-height: 15px;
        cursor: default;
        display: table;
    }

        #workbenchMenuLeftProducts a:hover {
            color: #757575;
            text-decoration: none;
        }

            #workbenchMenuLeftProducts a:hover i.removeItem {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                filter: alpha(opacity=80);
                -moz-opacity: 0.8;
                -khtml-opacity: 0.8;
                opacity: 0.8;
            }

    #workbenchMenuLeftProducts .icon-remove {
        margin-right: 5px;
    }

    #workbenchMenuLeftProducts i.removeItem {
        color: #ff0000;
        float: left;
        padding-right: 5px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }

#workbenchMenuRight {
    display: table-cell;
    vertical-align: top;
    position: relative;
    background-color: #f4f6f9;
    border: 1px solid #f2f3f6;
}

#workbenchMenuRightOptions {
    font-size: 12px;
    padding: 8px 15px;
    margin-bottom: 34px;
    -moz-min-width: 150px;
    -ms-min-width: 150px;
    -o-min-width: 150px;
    -webkit-min-width: 150px;
    min-width: 184px;
}

    #workbenchMenuRightOptions > span {
        display: block;
        color: #323232;
        line-height: 1;
        padding: 10px 0;
    }

        #workbenchMenuRightOptions > span ~ span {
            padding-top: 25px;
        }

    #workbenchMenuRightOptions > div > a {
        display: block;
        padding: 8px 0;
        color: #757575;
        line-height: 8px;
    }

#workbenchClear {
    font-size: 13px;
    color: #ffffff;
    background-color: #000000;
    padding: 8px 15px;
    margin-top: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    line-height: 20px;
}

    #workbenchClear:hover {
        color: #ffffff;
        text-decoration: none;
    }

#workbenchCreateNewProductGroup, #workbenchAddExistingProductGroup {
    line-height: 2;
    width: 15%;
}

#workbenchExistingProductGroup, #workbenchExistingProductGroup option {
    width: 100%;
}

.menu-toggle #workbenchMenu {
    margin-top: 0px;
    left: -278px;
    background-color: #383b38;
    border: 0px;
}

.menu-toggle #workbenchMenuLeft .tab-navigation .nav-tabs > .active > a,
.menu-toggle #workbenchMenuLeft.tab-navigation .nav-tabs > .active > a:hover,
.menu-toggle #workbenchMenuRight,
.menu-toggle #workbenchMenuLeft .tab-navigation .nav-tabs {
    background-color: #383b38;
}

.menu-toggle #workbenchToggle {
    text-decoration: none;
    color: white;
}

#menu-toggle-container .dropdown-backdrop {
    display: none;
}

/*user account*/

#userAccount .dropdown-menu {
    padding: 0;
}

    #userAccount .dropdown-menu a {
        display: block;
        padding: 6px 20px 6px;
    }

    #userAccount .dropdown-menu li a:hover {
        color: #323232;
        background-color: #e9ecf1;
        text-decoration: none;
    }

    #userAccount .dropdown-menu .divider {
        border: 0.5px solid #757575;
        margin: 0;
    }
/*#endregion account menu*/

/*#region search box*/
.search-wrapper {
    display: flex;
    /* height: 55px; */
    padding: 13px 8px 12px;
    vertical-align: middle;
    background-color: rgba(255,255,255,0);
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}

.search-icon,
.search-collapse {
    width: 18px;
    height: 18px;
    margin-top: 5px;
    cursor: pointer;
    /*text-indent: -5000px;*/
}

#search-collapse {
    background-color: #e2e2e2;
    color: white;
    cursor: pointer;
    font-size: 20px;
    width: 25px;
    padding: 0 5px 5px;
    text-align: center;
}

.search-icon {
    float: left;
    background: url('/Images/icon-search.png') no-repeat 0 0;
    background-position: bottom;
}

    .search-icon:hover {
        background-position: bottom;
    }

.search-collapse {
    float: right;
    /*background: url('/Images/chevron-right.png') 0 0;*/
    /*background-color: #EBB810;*/
    color: white !important;
    border: 0;
    font-size: 14px;
}

    .search-collapse:hover {
        background-position: 0 -18px;
    }

.search-box-layout {
    position: absolute;
    top: -55px;
    right: 0;
    width: 100%;
    padding: 13px 15px 12px;
    overflow: hidden;
    background-color: #EBB810;
    white-space: nowrap;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
}

    .search-box-layout.search-toggle {
        top: 55px;
        margin: 0 10px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .search-box-layout input {
        float: left;
        color: black;
        font-size: 14px;
        font-style: italic;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .search-box-layout input[type="search"] {
            width: 248px;
            height: 30px;
            padding: 5px;
            /*border: 3px solid #183D98;*/
            line-height: 18px;
            /*outline-color: black;*/
            border: 0px;
        }

            .search-box-layout input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: white;
                opacity: 1; /* Firefox */
            }

            .search-box-layout input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: white;
            }

            .search-box-layout input[type="search"]::-ms-input-placeholder { /* Microsoft Edge */
                color: white;
            }

/*#endregion search box*/

/*#region menu*/
.menu-toggle {
    display: inline-block;
    height: 48px;
    padding: 15px;
    vertical-align: middle;
    cursor: pointer;
    /*background-color: #53A0FD;*/
    /*background-image: url('/Images/icon-maximise.png');*/
    background-position: 100% 50%;
    background-repeat: no-repeat;
    color: black;
    line-height: 18px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .menu-toggle::after {
        color: black;
        font: normal normal normal 20px/1 FontAwesome;
        content: "\f0c9";
    }

    .menu-toggle.menu-toggle-minimise {
        /*background-image: url('/Images/icon-minimise.png');*/
    }

#main-nav {
    position: absolute;
    top: 83px;
    right: 0;
    width: 340px;
    height: 47px;
    z-index: 9999;
}

@media (max-width: 568px) {
    #main-nav {
        top: 123px;
    }
}

#main-nav li {
    margin: 0;
    list-style: none;
}

#main-nav > #TopLevelMenu > li > a {
    display: block;
    color: black;
    font-size: 14px;
}

#main-nav .menu-desc {
    text-align: justify;
}

#main-nav a:hover {
    /*color: white;*/
    text-decoration: underline;
}

#main-nav .SecondLevelMenuHeader a:hover {
    text-decoration: none;
}


#main-nav li.disabled > a {
    color: #777 !important;
}

#main-nav li > .expand-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 43px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 17px 50%;
}

    #main-nav li > .expand-menu > i:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        margin-top: 10px;
        border-left: 0.3em solid rgba(255,255,255,0);
        font: normal normal normal 16px/1 FontAwesome;
        content: "\f107";
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
        vertical-align: 0 !important;
        margin-right: 0.5em;
        color: black;
    }

#main-nav li.show-menu > .expand-menu > i:after {
    content: "\f106"
}

#main-nav h3.menu-header {
    font-size: 24px;
}

#main-nav h5.menu-header {
    font-size: 18px;
}

.SecondLevelMenu .expand-menu > i:after {
    font-size: 14px !important;
    color: #757575 !important;
}

#main-nav, #TopLevelMenu, .SecondLevelMenu, .ThirdLevelMenu, .FourthLevelMenu {
    display: none;
    color: #7e7e7e;
}

#TopLevelMenu,
.TopLevelMenu {
    background-color: #FFFFFF;
    padding-bottom: 10px;
}

    #TopLevelMenu .badge:not(.new-badge) {
        padding: 0px 8px 0px;
        float: right;
        margin-top: -12px;
        font-size: 8px;
        height: 16px;
        width: 16px;
        font-weight: normal;
    }

        #TopLevelMenu .badge span {
            margin-top: -2px;
            position: absolute;
            margin-left: -2px;
        }

/*#TopLevelMenu > li:last-child  > a{
    padding-right: 0;
}*/

/* menu example
Portfolio Perspectives <span class="badge badge-success new-badge">NEW</span>
*/

#TopLevelMenu .new-badge {
    font-size: 50%;
    vertical-align: top;
    padding: 5px 5px 5px 5px;
}

.SecondLevelMenu > li > a,
.SecondLevelMenu > li > a {
    color: #323232;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none !important;
}

.ThirdLevelMenu > li > a {
    padding-left: 40px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 300;
    color: #323232;
}

.ThirdLevelMenu > li:hover > a {
    color: #323232;
    background-color: #e9ecf1;
}


/*#endregion menu*/
/*#region footer*/
#footer {
    color: #fbfcfd;
    background: #00345b 0% 0% no-repeat padding-box;
    z-index: 999;
    position: absolute;
    width: 100%;
}

    #footer .footer-title {
        padding: 30px 20px 25px;
        color: #a2b9a2 !important;
        font-size: 32px;
    }

    #footer .footer-heading {
        color: #a2b9a2 !important;
        font: normal 14px/18px FuturaMaxiBook;
        text-transform: uppercase;
    }

    #footer .footer-footer {
        background: #002433 0% 0% no-repeat padding-box;
    }

    #footer ul {
        list-style: none;
        margin: 0;
    }

        #footer ul.horizontal {
            padding: 0px;
        }

            #footer ul.horizontal > li {
                display: inline-block;
                vertical-align: top;
                padding: 0 80px 0 0;
            }

                #footer ul.horizontal > li:first-child > .footer-heading {
                    text-transform: none;
                }

    #footer a, #footer p, #footer h4, #footer h5, #footer h6 {
        color: #fbfcfd;
        /*font: 12px/18px FuturaMaxiBook;*/
    }

        #footer a:hover {
            color: #697269;
            text-decoration: none;
        }

/*#footer p {
        padding-left: 20px;
        margin-bottom: 20px;
    }*/
/*#endregion footer*/

/*#region tab navigation*/
.nav-tabs > li > a {
    color: #1E1E1E;
    font-size: 13px;
    cursor: pointer;
}

    .nav-tabs > li > a:hover {
        border-bottom: none;
    }

.nav-tabs > li.dropdown.open > a:hover {
    background-color: rgba(255,255,255,0);
    color: #1E1E1E;
    border-bottom: solid 1px #1E1E1E;
}

.nav-tabs, .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    border-color: #1E1E1E;
    margin-bottom: 0;
}

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
        border-bottom-color: white;
        color: #1E1E1E;
    }

.nav-tabs {
    margin-bottom: 15px;
}

.tab-navigation .tab-actions {
    display: inline-block;
    margin: 0;
    /*background-color: #EEE;*/
    list-style: none;
    font-size: 0;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

    .tab-navigation .tab-actions > li {
        position: relative;
        display: inline-block;
        padding: 0 12px;
        font-size: 13px;
    }


        .tab-navigation .tab-actions > li:last-child {
            padding-right: 0px;
        }

        .tab-navigation .tab-actions > li a:hover {
            /*text-decoration: underline;*/
            border-color: #6c757d;
        }

        .tab-navigation .tab-actions > li > a {
            position: relative;
            /*padding-left: 25px;*/
            cursor: pointer;
        }

.tab-actions > li .btn {
    min-width: 80px;
    text-align: left;
}

.tab-navigation .tab-actions > li.dropdown.open .dropdown-toggle {
    background: none;
    color: #1E1E1E;
}

.tab-navigation .tab-actions > li.dropdown.open .dropdown-menu {
    font-family: Arial, Helvetica, Calibri;
}

    .tab-navigation .tab-actions > li.dropdown.open .dropdown-menu li > a:hover,
    .tab-actions .dropdown-menu li:hover {
        /*background-color: #f8f9fa;*/
        background-color: #EBEBEB;
        color: #1E1E1E;
        text-decoration: none;
    }

/*icons*/
.tab-navigation .tab-actions > li > a.create-product-group:before {
    background-image: url('/Images/icon-create-product-group.png');
}

.tab-navigation .tab-actions > li > a.quant-analysis:before {
    background-image: url('/Images/icon-quant-analysis.png');
}

.tab-navigation .tab-actions > li > a.fund-profile:before {
    background-image: url('/Images/icon-report-fund-profile.png');
}

.tab-navigation .tab-actions > li > a.fund-adv-profile:before {
    background-image: url('/Images/icon-report-advanced-profile.png');
}

.tab-navigation .tab-actions > li > a.fund-review:before {
    background-image: url('/Images/icon-report-fund-review.png');
}

.tab-navigation .tab-actions > li > a.fund-viewpoint:before {
    background-image: url('/Images/icon-report-fund-viewpoint.png');
}

.tab-navigation .tab-actions > li > a.export-word:before {
    background-image: url('/Images/icon-export-word.png');
}

.tab-navigation .tab-actions > li > a.export-excel:before {
    background-image: url('/Images/icon-export-excel.png');
}

.tab-navigation .tab-actions > li > a.export-power-point:before {
    background-image: url('/Images/icon-export-powerpoint.png');
}

.tab-navigation .tab-actions > li > a.export-pdf:before {
    background-image: url('/Images/icon-export-pdf.png');
}

.tab-navigation .tab-actions > li > a.print:before {
    background-image: url('/Images/icon-print.png');
}

.tab-navigation .tab-actions > li > a.rebalance:before {
    background-image: url('/Images/icon-rebalance.png');
}

.tab-navigation .tab-actions > li > a.btn-icon:before {
    content: "";
    width: 18px;
    height: 18px;
    padding: 2px 17px 2px 0;
    margin-right: 5px;
}

.tab-navigation .tab-actions > li > a.save:before {
    background-image: url('/Images/icon-save.png');
}

.tab-navigation .tab-actions > li > a.upload:before {
    background-image: url('/Images/icon-upload.png');
}

.tab-navigation .tab-actions > li > a.save-as:before {
    background-image: url('/Images/icon-save-as.png');
}

.tab-navigation .tab-actions > li > button.save-as:before {
    background-image: url('/Images/icon-save-as.png');
}

.tab-navigation .tab-actions > li > a.delete:before {
    background-image: url('/Images/icon-remove.png');
}

.tab-navigation .tab-actions > li > a.send:before {
    background-image: url('/Images/icon-send.png');
}

.tab-navigation .tab-actions > li > a.edit:before {
    background-image: url('/Images/icon-edit.png');
}

.tab-navigation .tab-actions > li > a.cancel:before {
    background-image: url('/Images/icon-cancel.png');
}

.tab-navigation .tab-actions > li > a.add:before,
.tab-navigation .tab-actions > li > a.add-icon:before {
    background-image: url('/Images/icon-add.png');
}

.tab-navigation .nav-tabs {
    margin-bottom: 0px;
    border: none;
    /*background-color: #C3C8C8;*/
}

    .tab-navigation .nav-tabs > li {
        margin-bottom: 0;
    }

        .tab-navigation .nav-tabs > li > a {
            padding: 14px 12px;
            margin: 0;
            border: none;
            color: #009CDE;
            font-size: 13px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            cursor: pointer;
            /* text-transform: uppercase; */
        }

            .tab-navigation .nav-tabs > li > a.disabled {
                color: #efefef;
                pointer-events: none;
            }


            .tab-navigation .nav-tabs > li > a:not(.active):hover {
                /*background-color: #F2F2F2;
                background-color: rgba(44, 44, 44, 0.06);*/
                /*color: #009CDE;*/
                border: none;
                color: black;
                background-color: rgba(165, 172, 175, 0.2);
                /*background-color: rgba(145, 145, 145, 0.2);*/
                /*border-bottom: 2px solid rgb(228, 229, 231);*/
            }

    .tab-navigation .nav-tabs > .active > a,
    .tab-navigation .nav-tabs > .active > a:hover,
    .tab-navigation .nav-tabs > .dropdown.open > a,
    .tab-navigation .nav-tabs > .dropdown.open > a:hover,
    .tab-navigation .nav-tabs > .dropdown.active > a,
    .tab-navigation .nav-tabs > .dropdown.active > a:hover {
        border: none;
        background-color: #009CDE;
        color: #fff;
    }

#LatestNews .tab-research.tab-navigation .nav-tabs > li a.active,
#YourProducts .tab-research.tab-navigation .nav-tabs > li a.active,
#dashboard-latest-events .tab-events.tab-navigation .nav-tabs > li a.active {
    /* color: #009CDE;
    border-bottom: 2px solid #009CDE; */
}


/*.tab-navigation .nav-tabs > li.disabled > a:hover {
    background-color: #A5ACAF;
    color: white;
}*/

.tab-navigation .nav-tabs > .dropdown > a > .caret {
    margin-top: 8px;
    border-top-color: #1E1E1E;
}

.tab-navigation .nav-tabs > .dropdown.open > a > .caret,
.tab-navigation .nav-tabs > .dropdown.active > a > .caret {
    border-top-color: white;
}

.tab-navigation .nav-tabs > .dropdown.open > .dropdown-menu {
    background-color: #C3C8C8;
}

    .tab-navigation .nav-tabs > .dropdown.open > .dropdown-menu a {
        cursor: pointer;
    }

/* sub tab navigation */
.tab-navigation .nav-tabs.sub-tabs {
    background-color: inherit;
}

    .tab-navigation .nav-tabs.sub-tabs > li > a {
        padding: 10px 12px;
        color: white;
        font-family: FuturaMaxiLight;
    }

        .tab-navigation .nav-tabs.sub-tabs > li > a,
        .tab-navigation .nav-tabs.sub-tabs > li > a:hover,
        .tab-navigation .nav-tabs.sub-tabs > .active > a,
        .tab-navigation .nav-tabs.sub-tabs > .active > a:hover {
            background-color: rgba(255,255,255,0);
            color: white;
        }

    .tab-navigation .nav-tabs.sub-tabs > .active > a {
        font-family: FuturaMaxiDemi;
    }

    .tab-navigation .nav-tabs.sub-tabs > li:not(.active) > a:hover {
        text-decoration: underline;
    }

.tab-sub-navigation {
    background-color: #eff0f2;
}

.tab-actions .dropdown-menu {
    min-width: 0px;
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #6c757d;
    margin-top: 0px;
    padding-top: 0px;
}

.dropdown-menu {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #CED4DA;
    border-radius: 0;
    margin-top: 1px;
}

/*.dropdown.show > button {
    background-color: #F6F7F8;
    color: #828282;
    border-left: 1px solid #6c757d;
    border-top: 1px solid #6c757d;
    border-right: 1px solid #6c757d;
    border-bottom: 1px solid transparent;
    border-radius: 5px 5px 0px 0px;
}*/

.dropdown.show > button:focus {
    box-shadow: none !important;
}

/*.dropdown.show:not(.bootstrap-select) > .dropdown-menu.show {
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    border-color: #6c757d;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}*/

.dropdown-menu.show > .dropdown-item {
    padding: 5px 13px;
    cursor: pointer;
}

    .dropdown-menu.show > .dropdown-item:hover {
        background-color: #EBEBEB;
        border-radius: 0 0 5px 5px;
    }

    .dropdown-menu.show > .dropdown-item > a {
        display: block;
    }

.tab-actions .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #f6f7f8;
    color: #6c757d;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-outline-secondary {
    color: rgb(30, 30, 30);
    background-color: rgba(255,255,255,0);
    background-image: none;
    border-color: #6c757d;
}

/* sub menu */
.submenu {
    background: none;
    padding: 15px 0;
}

    .submenu ul {
        margin: 0;
    }

    .submenu li {
        list-style: none;
        border-top: 1px solid #1E1E1E;
    }

        .submenu li:last-child {
            border-bottom: 1px solid #1E1E1E;
        }

        .submenu li:hover,
        .submenu li.active {
            border-color: #EBB810;
        }

        .submenu li.active {
            border-width: 2px;
        }

            .submenu li:hover + li,
            .submenu li.active + li {
                border-top-color: #EBB810;
            }

            .submenu li.active + li {
                border-top-width: 2px;
            }

        .submenu li a {
            display: block;
            padding: 14px 5px;
            font-family: FuturaMaxiBook;
            font-size: 12px;
            text-decoration: none;
        }

        .submenu li:hover a,
        .submenu li.active a {
            color: #EBB810;
        }

        .submenu li.active a {
            font-family: FuturaMaxiDemi;
            font-size: 14px;
        }

        .submenu li > span.IN-widget {
            padding: 11px 5px 5px;
        }


/*#endregion tab navigation*/
/*#region table*/
/*override bootstrap table header*/

.card table {
    overflow-wrap: normal;
}

.table thead th,
.table th,
.tablehead {
    height: 28px;
    font-size: 14px;
    vertical-align: middle;
    font-family: Arial, Helvetica, Calibri;
    background-color: #f4f4f4;
    text-transform: none;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #dee2e6;
}

.table > thead > tr {
    color: #FFF;
}

.table thead th .tooltip,
.table th .tooltip,
.tablehead .tooltip {
    text-transform: none;
    font-family: Arial, Helvetica, Calibri !important;
}

.tablehead {
    line-height: 28px;
}

/*modified bootstrap table cell height*/
.table th,
.table td {
    height: 30px;
    padding: 0 5px;
    vertical-align: middle;
    border: none;
}

.table tbody {
    font-family: Arial, Helvetica, Calibri !important;
    font-size: 12px;
    font-weight: normal;
}

    .table tbody tr:hover {
        background: none;
    }

.table.table-hover > tbody tr:hover td,
.table.table-hover > tbody tr:nth-child(odd):hover td {
    /*background-color: #E0E0E0;*/
    background-color: rgba(0,156,222, 0.2) !important;
}

/*if being set, by default all columns are right align*/
.table-default-right th,
.table-default-right td {
    text-align: right;
}
/*if being set, by default all columns are center align*/
.table-default-center th,
.table-default-center td {
    text-align: center;
}

/*modified bootstrap alternating background color*/
.table.table-striped tbody tr td {
    background-color: #fff;
}

.table.table-striped tbody tr:nth-child(even) td,
.table.table-striped tbody tr:nth-child(even) th {
    background-color: #F4F4F4;
    border-top: 1px solid #DAE1E6;
    border-bottom: 1px solid #DAE1E6;
}

.table.table-transparent th {
    border: none;
    background: none;
    color: #1E1E1E;
    font-family: Arial, Helvetica, Calibri;
    text-transform: none;
}

.table.table-transparent td {
    border: none;
}

.table tr.clickable-row {
    cursor: pointer;
}

/*use in admin areas*/
.table-admin th {
    vertical-align: middle !important;
}
/*.table-admin a {
    color: #0088cc;
    text-decoration: underline;
}*/

.table-heading {
    color: #1E1E1E !important;
    margin-top: 6px;
    margin-bottom: 6px;
}

.table-title {
    padding: 0 0 5px 5px;
    margin: 22px 0 0 0;
}

/** comparison table **/

#body table.comparison-table, #body .comparison-table table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border: none;
}

    #body table.comparison-table thead th:nth-child(n+1),
    #body .comparison-table table thead th:nth-child(n+1) {
        min-width: 250px;
    }

    #body table.comparison-table th,
    #body .comparison-table table th,
    #body table.comparison-table td,
    #body .comparison-table table td {
        padding: 15px;
        vertical-align: top;
    }

    #body table.comparison-table td,
    #body .comparison-table table td {
        color: #6e6e6e;
        font-weight: bold;
    }

    #body table.comparison-table > tbody th,
    #body .comparison-table table > tbody th,
    #body table.comparison-table > tbody td,
    #body .comparison-table table > tbody td {
        background-color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #body table.comparison-table > tbody > tr:first-child th,
    #body .comparison-table table > tbody > tr:first-child th {
        padding-top: 3em;
    }

    #body table.comparison-table > tbody th,
    #body .comparison-table table > tbody th,
    #body table.comparison-table > tbody td.header,
    #body .comparison-table table > tbody td.header {
        padding-top: 20px;
        padding-bottom: 10px;
        font-size: 15px;
        color: #000;
    }

    #body table.comparison-table > tbody .sub-header,
    #body .comparison-table table > tbody .sub-header {
        color: #6e6e6e;
        font-size: 12px;
    }

    #body table.comparison-table th > label,
    #body .comparison-table table th > label {
        margin: 0;
    }

    #body table.comparison-table > thead th,
    #body .comparison-table table > thead th {
        background-color: #fff;
        border-radius: 0.5rem 0.5rem 0 0;
        border-top: 1px solid #efefef;
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
        z-index: 1;
    }

    #body table.comparison-table tr:not(:first-child) th:first-child,
    #body .comparison-table table tr:not(:first-child) th:first-child,
    #body table.comparison-table th,
    #body .comparison-table table th,
    #body table.comparison-table td.header,
    #body .comparison-table table td.header {
        border-top: 1px solid #efefef;
    }

    #body table.comparison-table > thead tr:last-child th,
    #body .comparison-table table > thead tr:last-child th {
        border-bottom: 1px solid #efefef;
    }

    #body table.comparison-table > tbody tr:first-child td.header,
    #body .comparison-table table > tbody tr:first-child td.header,
    #body table.comparison-table > thead th,
    #body .comparison-table table > thead th {
        border-top: none;
    }

    #body table.comparison-table th,
    #body .comparison-table table th,
    #body table.comparison-table td,
    #body .comparison-table table td {
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
    }

    #body table.comparison-table td,
    #body .comparison-table table td,
    #body table.comparison-table th,
    #body .comparison-table table th {
        text-align: center;
    }

        #body table.comparison-table th:first-child,
        #body .comparison-table table th:first-child,
        #body table.comparison-table td:first-child,
        #body .comparison-table table td:first-child {
            text-align: left;
        }

    #body table.comparison-table tbody tr:first-child td.header:first-child,
    #body .comparison-table table tbody tr:first-child td.header:first-child {
        border-radius: 0.25rem 0 0 0;
    }

    #body table.comparison-table tbody tr:first-child td.header:last-child,
    #body .comparison-table table tbody tr:first-child td.header:last-child {
        border-radius: 0 0.25rem 0 0;
    }

    #body table.comparison-table tbody tr:last-child td.header:first-child,
    #body .comparison-table table tbody tr:last-child td.header:first-child {
        border-radius: 0 0 0 0.25rem;
    }

    #body table.comparison-table tbody tr:last-child td.header:last-child,
    #body .comparison-table table tbody tr:last-child td.header:last-child {
        border-radius: 0 0 0.25rem 0;
    }

    #body table.comparison-table tbody tr:last-child td,
    #body .comparison-table table tbody tr:last-child td {
        border-bottom: 1px solid #efefef;
        padding-bottom: 35px;
        border-radius: 0 0 0.5rem 0.5rem;
    }

    #body table.comparison-table .drag-column,
    #body .comparison-table table .drag-column {
        font-size: 20px;
        cursor: pointer;
    }

        #body table.comparison-table .drag-column i.fa-ellipsis-v:not(:last-child),
        #body .comparison-table table .drag-column i.fa-ellipsis-v:not(:last-child) {
            margin-right: 2px;
        }

    #body table.comparison-table .highlight,
    #body .comparison-table table .highlight {
        background-color: #dbf5ff !important;
    }

    #body table.comparison-table .remove-selected-product,
    #body .comparison-table table .remove-selected-product {
        position: absolute;
        right: 0;
        cursor: pointer;
    }

#body .comparison-table .fix-sticky {
    overflow: visible;
}

/** end of comparison table**/

/*#endregion table*/

/*#region button*/

.btn,
input[type="submit"].btn {
    /*background-image: none;
    border: 1px solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    font-family: FuturaMaxiLight !important;*/
    font-size: 12px;
    /*font-weight: normal;
    text-transform: uppercase;
    text-align: center;*/
}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
.btn-pill:not(:disabled):not(.disabled):active, .btn-pill:not(:disabled):not(.disabled).active, .show > .btn-pill.dropdown-toggle {
    color: #fff;
    background-color: #009CDE;
    border-color: #009CDE;
}


.btn-secondary {
    background-color: #929292;
    border-color: #929292;
}

a.btn-green,
a.btn-secondary,
a.btn-primary {
    color: #fff !important;
}

.btn-green {
    color: #fff;
    background-color: #569b98 !important
}

.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    padding: 5px 6px 1px;
}

.btn.btn-no-margin,
input[type="submit"].btn.btn-no-margin {
    margin-left: 0;
}

.btn:hover,
input[type="submit"].btn:hover,
.btn.btn-primary:hover,
.btn.btn-pill:hover
input[type="submit"].btn.btn-primary:hover,
input[type="submit"].btn.btn-pill:hover {
    color: #ffffff;
}

.btn.btn-primary,
input[type="submit"].btn.btn-primary,
.btn.btn-pill,
input[type="submit"].btn.btn-pill {
    background-color: #009CDE;
    border-color: #009CDE;
    color: #ffffff;
}

/*.btn.btn-danger,
    input[type="submit"].btn.btn-danger {
        background-color: #da4f49;
        color: #1E1E1E;
        text-shadow: none;
    }

        .btn.btn-danger:hover,
        input[type="submit"].btn.btn-danger:hover {
            background-color: #1E1E1E;
            color: #da4f49;
            text-shadow: none;
        }*/

.btn.btn-grey,
input[type="submit"].btn.btn-grey {
    background-color: #C3C8C8;
    .btn.btn-link, .btn.btn-link:hover color: #1E1E1E;
    text-shadow: none;
}

.btn.btn-link,
.btn.btn-link:hover {
    background: none;
    /*color: #1E1E1E;*/
    color: #009CDE;
    text-transform: none;
}

    .btn.btn-link.btn-link-normal,
    .btn.btn-link.btn-link-normal:hover {
        padding: 0;
        font-family: Arial, Helvetica, Calibri !important;
        font-size: 12px;
    }

.btn.btn-shadow {
    box-shadow: 1px 3px 5px 1px #ddd;
}

    .btn.btn-shadow:focus, .btn.btn-shadow:active, .btn.btn-shadow:hover {
        box-shadow: 1px 3px 5px 1px #ddd !important;
    }

.popover .btn.disabled,
.popover .btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:hover {
    border-color: #343a40;
    color: #343a40 !important;
    background-color: rgba(255,255,255,0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0.65;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/*.btn-group .btn {
    border: 1px solid #009CDE !important;
}*/

input[type="file"].btn {
    margin-left: 0;
}

    input[type="file"].btn:hover {
        background: none;
        color: #1E1E1E;
    }

    input[type="file"].btn:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.btn-outline-white {
    color: #ffffff;
    background-color: rgba(255,255,255,0);
    background-image: none;
    border-color: #ffffff;
}


    .btn-outline-white:hover {
        color: #fff;
        background-color: rgba(255,255,255,0);
        border-color: #ffffff;
    }

.btn-pill {
    /*border-radius: 10rem !important;*/
}

.btn:focus, .btn:active, .btn:hover {
    box-shadow: none !important;
    outline: 0;
}

.btn-outline-blue {
    color: #009CDE;
    border-color: #009CDE;
}

.btn-outline-blue:hover {
    background-color: #009CDE;
    border-color: #009CDE;
}

/*#endregion button*/

/*#region override*/
.well {
    padding: 0;
}

.ui-autocomplete {
    max-height: 600px;
    min-width: 570px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    padding: 0 10px 10px 15px;
}

.global-search-header {
    display: flex;
    align-items: center;
}

.global-search-header-list {
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 1;
    margin-right: -1px;
    margin-left: -1px;
}

.global-search-type {
    padding: 0 8px;
    text-transform: none !important;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    color: #1E1E1E;
}

.input-append .add-on,
.input-append .btn.add-on {
    height: inherit !important;
    margin-left: -4px !important;
    padding: 3px 5px 4px;
}

.input-append .btn:hover {
    background-color: #CCC;
}

.input-append.date .add-on i {
    display: inline-block;
    width: 14px;
}

.input-append-search-box {
    margin-top: 5px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 25px !important;
}

/*thumbnail*/
.thumbnails .thumbnail {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .thumbnails .thumbnail a {
        text-decoration: none;
    }
/*#endregion override*/

/*#region helper, general*/
.tooltip {
    font-family: Arial, Helvetica, Calibri;
    font-weight: normal;
    text-transform: none;
    /* remove min width for all tooltip */
}

.tooltip-inner {
    background-color: white;
    color: deepskyblue;
    border: 1px solid #ccc;
    max-width: 370px;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #ccc !important;
}


.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #ccc !important;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #ccc !important;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #ccc !important;
}

.bs-tooltip-bottom .arrow::after {
    content: "";
    position: absolute;
    bottom: 0;
    border-width: 0 .4rem .4rem;
    transform: translateY(3px);
    border-color: rgba(255,255,255,0);
    border-style: solid;
    border-bottom-color: white;
}

.bs-tooltip-top .arrow::after {
    content: "";
    position: absolute;
    top: -5px;
    border-width: .4rem .4rem 0;
    transform: translateY(3px);
    border-color: rgba(255,255,255,0);
    border-style: solid;
    border-top-color: white;
}

.bs-tooltip-right .arrow::after {
    content: "";
    right: -2px;
    top: -3px;
    position: absolute;
    border-width: .4rem .4rem .4rem 0;
    transform: translateY(3px);
    border-color: rgba(255,255,255,0);
    border-style: solid;
    border-right-color: white;
}

.bs-tooltip-left .arrow::after {
    content: "";
    top: -3px;
    left: -2px;
    position: absolute;
    border-width: .4rem 0 .4rem .4rem;
    transform: translateY(3px);
    border-color: rgba(255,255,255,0);
    border-style: solid;
    border-left-color: white;
}

.tooltip.show {
    opacity: 1;
}
/* target spesific selector to set tooltip width */
#FilterProductGroup + .tooltip {
    width: 210px;
}

.wider-container {
    width: 1270px;
    margin-left: auto;
    margin-right: auto;
}

.display-none {
    display: none;
}

.position-relative {
    position: relative;
}

.inline {
    display: inline;
}

#full-width,
.full-width {
    width: 100%;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

.gapper {
    margin-bottom: 15px;
}

.gapper-right {
    margin-right: 15px;
}

.gapper-left {
    margin-left: 15px;
}

.xsmall-gapper {
    margin-bottom: 5px;
}

.small-gapper {
    margin-bottom: 10px;
}

.big-gapper {
    margin-bottom: 30px;
}

.xbig-gapper {
    margin-bottom: 60px;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

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

.text-justify {
    text-align: justify !important;
}

.text-large {
    font-size: 21px;
}

.text-medium {
    font-size: 16px;
}

.text-small {
    font-size: 10px;
}

.text-bold {
    font-weight: 700;
}

.text-underline {
    text-decoration: underline;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-red {
    color: #D2001E;
}

.text-green {
    color: #1E785A;
}

.text-white {
    color: #FFF !important;
}

.text-futura {
    font-family: FuturaMaxiBook !important;
}

.text-futura-demi {
    font-family: FuturaMaxiDemi !important;
}

.red {
    background-color: #D2001E;
}

.green {
    background-color: #1E785A;
}

.gold {
    background-color: #EBB810;
}

/* styles for validation helpers */
.field-validation-error,
.validation-summary-errors,
.error {
    color: #D2001E;
    font-size: 11px;
    font-weight: bold;
}

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

input[type="text"].input-validation-error, input[type="text"].error,
input[type="search"].input-validation-error, input[type="search"].error,
input[type="file"].input-validation-error, input[type="file"].error,
input[type="password"].input-validation-error, input[type="password"].error,
input[type="number"].input-validation-error, input[type="number"].error,
input[type="radio"].input-validation-error, input[type="radio"].error,
textarea.input-validation-error, textarea.error,
select.input-validation-error, select.error {
    border: 1px solid #D2001E;
}

input[type="text"].input-validation-success, input[type="text"].success,
input[type="search"].input-validation-success, input[type="search"].success,
input[type="file"].input-validation-success, input[type="file"].success,
input[type="password"].input-validation-success, input[type="password"].success,
input[type="number"].input-validation-success, input[type="number"].success,
input[type="radio"].input-validation-success, input[type="radio"].success,
textarea.input-validation-success, textarea.success,
select.input-validation-success, select.success {
    border: 1px solid #198754;
}

input[type="radio"].input-validation-error + span:after {
    content: " *";
    color: #D2001E
}

/*This is width for standard max-width of reading text or section.*/
.readingWidth {
    max-width: 750px;
}

/*_layout - atlassian feedback*/
#atlwdg-trigger:hover {
    color: white;
}

fieldset .display-label {
    font-size: 10pt;
    font-weight: bold;
    color: #1E1E1E;
}

fieldset .display-field {
    margin-bottom: 10px;
}

blockquote p {
    font-size: 14px !important;
    font-weight: bold;
}

.sup {
    line-height: 9pt;
    font-size: 9pt !important;
}

.remove-product,
.move-product,
.move-sector {
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

    .remove-product > img {
        height: 18px;
        min-width: 18px;
    }

.page-heading {
    /*padding: 0 0 40px;*/
    padding: 0;
    line-height: 46px;
    margin-bottom: 24px;
}

    .page-heading > h2 {
        display: inline-block;
        vertical-align: middle;
        padding-right: 55px;
    }

    .page-heading > .search-result-actions {
        display: inline-block;
        vertical-align: middle;
        line-height: 36px;
    }

    .page-heading > .btn {
        vertical-align: bottom;
    }

    .page-heading + p,
    .page-heading + p + p {
        font-size: 13px;
    }

.page-subheading {
    margin-bottom: 24px;
    margin-top: -24px;
}

.loading-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;*/
    background: rgba(255,255,255,0.5);
    z-index: 1049;
}

    .loading-overlay > .loading-spinner {
        position: fixed;
        top: 40%;
        left: 50%;
    }

#fullScreenLoading.loading-overlay {
    z-index: 10000;
}

span.circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: black;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/*grid*/
.grid {
    list-style: none;
}

    .grid > li {
        margin: 0;
    }

        .grid > li img {
            width: 170px;
            height: 96px;
        }

.grid-caption {
    height: 44px;
    line-height: 44px;
    background-color: white;
    padding: 10px;
    text-align: center;
}

.grid > li:nth-child(odd) .grid-caption {
    background-color: #e6e6e6;
}

.grid-caption > h5 {
    color: #1E1E1E !important;
    display: inline-block;
    vertical-align: middle;
}

.grid-title {
    text-align: center;
    vertical-align: middle;
    height: 160px;
    line-height: 160px;
    color: white;
    font-weight: bold;
}

#printSection, #printSection #disclaimer, span.disclaimer-2star {
    display: none;
}

.more {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
}

    .more:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        background: url('/Images/chevron-right.png') no-repeat;
        background-position: 0 0;
    }

.sidebar {
    padding: 20px;
    background-color: #C3C8C8;
}

    .sidebar .sidebar-title {
        line-height: 24px;
        padding-bottom: 15px;
    }

    .sidebar .section-heading {
        font-family: FuturaMaxiLight;
    }

    .sidebar .section-body {
        margin-bottom: 25px;
    }

        .sidebar .section-body:last-child {
            margin-bottom: 0;
        }

    .sidebar .more:before {
        background-position: 0 -54px;
    }

#sidebar-footer, .sidebar-footer {
    /*position: sticky;*/
    /*width: 100%;*/
    position: fixed;
    width: 267px;
    bottom: 0px;
    padding: 0 20px 0 20px;
    background-color: white;
    flex: 0 0 65px;
    z-index: 999;
}

#search-filter-inner .side_bar_group label:first-child {
    display: inline-block;
    color: #1E1E1E !important;
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
}

.side_bar_group {
    border: none;
    border-top: 1px solid #ededed;
    padding: 5px 0;
}

.dotted-divider {
    margin: 10px 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(200, 203, 198);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    height: 1px;
    background-color: rgba(255,255,255,0);
}

.document {
    height: 16px;
}
    /* IR-1806 (08/02/17): remove small line when hover on document icon */
    .document > a:hover {
        text-decoration: none;
    }

.tree li {
    line-height: 24px;
    list-style-type: square;
}

    .tree li [type=checkbox] {
        margin-right: 5px;
    }

    .tree li.tree-parent {
        list-style-image: url('/Images/icon-tree-plus.gif');
    }

        .tree li.tree-parent.shown {
            list-style-image: url('/Images/icon-tree-minus.gif');
        }

        .tree li.tree-parent > span {
            cursor: pointer;
        }

        .tree li.tree-parent > ul {
            display: none;
        }

        .tree li.tree-parent.shown > ul {
            display: block;
        }

.padded-content {
    padding: 15px 12px 0;
}

.nowrap {
    white-space: nowrap;
}

.no-border {
    border: none;
}

.transparent-background-color {
    background-color: rgba(255,255,255,0) !important;
}

.triangle-up {
    display: inline-block;
    border-bottom: solid 9px #1E1E1E;
    border-left: solid 6px rgba(255,255,255,0);
    border-right: solid 6px rgba(255,255,255,0);
}

    .triangle-up.triangle-green {
        border-bottom-color: #22B14C;
    }

.triangle-down {
    display: inline-block;
    border-top: solid 9px #1E1E1E;
    border-left: solid 6px rgba(255,255,255,0);
    border-right: solid 6px rgba(255,255,255,0);
}

    .triangle-down.triangle-red {
        border-top-color: #ED1C24;
    }

#autocompleteMenu > .ui-autocomplete {
    max-width: 700px;
    max-height: 300px;
    width: 650px !important;
}

#autocompleteMenu .column-apir {
    display: inline-block;
    width: 90px;
    margin-right: 10px;
}

#autocompleteMenu .column-rating {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
}

#autocompleteMenu .column-name {
    display: inline-block;
}

/*#endregion helper, general*/
/*#region feature colors*/
/*Feature colors*/
.bg-market,
.btn.btn-market,
input[type="submit"].btn.btn-market,
.btn[disabled].btn-market:hover,
.tab-navigation.tab-market .nav-tabs > .active > a,
.tab-navigation.tab-market .nav-tabs > .active > a:hover,
.tab-navigation.tab-market .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-market .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-market .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-market .nav-tabs > .dropdown.active > a:hover {
    /*background-color: #C1BB00;*/
    background-color: #009CDE !important;
    color: white;
}



.text-market {
    color: #C1BB00;
}

.btn.btn-market:hover,
input[type="submit"].btn.btn-market:hover {
    background-color: #1E1E1E;
    color: #C1BB00;
}

.bg-funds,
/*.tour-tourFundSearch .btn,
.tour-tourFundComparison .btn,
.tour-tourFundBIOmetrics .btn,*/
.btn.btn-funds,
input[type="submit"].btn.btn-funds,
.btn[disabled].btn-funds:hover,
.tab-navigation.tab-funds .nav-tabs > .active > a,
.tab-navigation.tab-funds .nav-tabs > .active > a:hover,
.tab-navigation.tab-funds .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-funds .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-funds .nav-tabs > .dropdown.open > .dropdown-menu > li > a:hover,
.tab-navigation.tab-funds .nav-tabs > .dropdown.open > .dropdown-menu > li.active > a,
.tab-navigation.tab-funds .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-funds .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white;
}

.text-funds {
    color: #FF6319;
}

/*.tour-tourFundSearch .btn:hover,
.tour-tourFundComparison .btn:hover,*/
.btn.btn-funds:hover,
input[type="submit"].btn.btn-funds:hover {
    background-color: #1E1E1E;
    color: #FF6319;
}

.bg-shares,
.btn.btn-shares,
input[type="submit"].btn.btn-shares,
.btn[disabled].btn-shares:hover,
.tab-navigation.tab-shares .nav-tabs > .active > a,
.tab-navigation.tab-shares .nav-tabs > .active > a:hover,
.tab-navigation.tab-shares .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-shares .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-shares .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-shares .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white;
}

/*.tour-tourSuperFundResearch .btn,
.tour-tourSuperFundComparison .btn,*/
.bg-super-ratings,
.btn.btn-super-ratings,
input[type="submit"].btn.btn-super-ratings,
.btn[disabled].super-ratings:hover,
.tab-navigation.tab-super-ratings .nav-tabs > .active > a,
.tab-content.tab-super-ratings .table th > a,
.tab-navigation.tab-super-ratings .nav-tabs > .active > a:hover,
.tab-navigation.tab-super-ratings .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-super-ratings .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-super-ratings .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-super-ratings .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white;
}

/*.tour-tourSuperFundResearch .btn:hover,
.tour-tourSuperFundComparison .btn:hover
{
    background-color: #1E1E1E;
    color: #62a2db;
}*/

.bg-shares75 {
    background-color: #9562BB;
    background-color: rgba(114, 46, 165, 0.75);
}

.bg-shares50 {
    background-color: #B896D2;
    background-color: rgba(114, 46, 165, 0.50);
}

.bg-light-grey {
    background: #F4F4F4 0% 0% no-repeat padding-box;
}

.text-shares {
    color: #009CDE !important;
}

.btn.btn-shares:hover,
input[type="submit"].btn.btn-shares:hover {
    background-color: #1E1E1E;
    color: #009CDE;
}

.bg-listedIncome,
.btn.btn-listedIncome,
input[type="submit"].btn.btn-listedIncome,
.btn[disabled].btn-listedIncome:hover,
.tab-navigation.tab-listedIncome .nav-tabs > .active > a,
.tab-navigation.tab-listedIncome .nav-tabs > .active > a:hover,
.tab-navigation.tab-listedIncome .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-listedIncome .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-listedIncome .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-listedIncome .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white;
}

.text-listedIncome {
    color: #009CDE;
}

.btn.btn-listedIncome:hover,
input[type="submit"].btn.btn-listedIncome:hover {
    background-color: #1E1E1E;
    color: #009CDE;
}

.bg-tools,
/*.tour-tourPortFolioConst .btn,
.tour-tourPortFolioConstComparison .btn,
.tour-tourQuant .btn,
.tour-tourPortfolioNewFeatures .btn,
.tour-tourBioSmart .btn,
.tour-tourPortFolioComparisonNewFeature1 .btn,
.tour-tourPortfolioReport .btn,*/
.btn.btn-tools,
input[type="submit"].btn.btn-tools,
.btn[disabled].btn-tools:hover,
.tab-navigation.tab-tools .nav-tabs > .active > a,
.tab-navigation.tab-tools .nav-tabs > .active > a:hover,
.tab-navigation.tab-tools .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-tools .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-tools .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-tools .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white !important;
}

.text-tools {
    color: #005E6E;
}

/*.tour-tourPortFolioConst .btn:hover,
.tour-tourPortFolioConstComparison .btn:hover,
.tour-tourPortFolioComparisonNewFeature1 .btn:hover,
.tour-tourPortfolioReport .btn:hover,
.tour-tourQuant .btn:hover,
.tour-tourPortfolioNewFeatures .btn:hover,*/
.btn.btn-tools:hover,
input[type="submit"].btn.btn-tools:hover {
    background-color: #183D98;
    color: white !important;
}

.bg-news,
.btn.btn-news,
input[type="submit"].btn.btn-news,
.btn[disabled].btn-news:hover,
.table.table-news th,
.table.table-news > thead > tr,
.tab-content.tab-news .table th,
.tab-content.tab-news .table > thead > tr,
.tab-navigation.tab-news .nav-tabs > .active > a,
.tab-navigation.tab-news .nav-tabs > .active > a:hover,
.tab-navigation.tab-news .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-news .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-news .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-news .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white;
}

.text-news {
    color: #00B0CA;
}

.btn.btn-news:hover,
input[type="submit"].btn.btn-news:hover {
    background-color: #1E1E1E;
    color: #00B0CA;
}

.bg-education,
.btn.btn-education,
input[type="submit"].btn.btn-education,
.btn[disabled].btn-education:hover,
.table.table-education th,
.table.table-education > thead > tr,
.tab-content.tab-education .table th,
.tab-content.tab-education .table > thead > tr,
.tab-navigation.tab-education .nav-tabs > .active > a,
.tab-navigation.tab-education .nav-tabs > .active > a:hover,
.tab-navigation.tab-education .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-education .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-education .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-education .nav-tabs > .dropdown.active > a:hover {
    background-color: #FDC82F;
    color: #1E1E1E;
}

.text-education {
    color: #FDC82F;
}

.btn.btn-education:hover,
input[type="submit"].btn.btn-education:hover {
    background-color: #1E1E1E;
    color: #FDC82F;
}

.bg-investmentsolutions,
.btn.btn-investmentsolutions,
input[type="submit"].btn.btn-investmentsolutions,
.btn[disabled].btn-investmentsolutions:hover,
.tab-navigation.tab-investmentsolutions .nav-tabs > .active > a,
.tab-navigation.tab-investmentsolutions .nav-tabs > .active > a:hover,
.tab-navigation.tab-investmentsolutions .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-investmentsolutions .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-investmentsolutions .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-investmentsolutions .nav-tabs > .dropdown.active > a:hover {
    background-color: #9B2242;
    color: white;
}

.text-investmentsolutions {
    color: #9B2242;
}

.btn.btn-investmentsolutions:hover,
input[type="submit"].btn.btn-investmentsolutions:hover {
    background-color: #1E1E1E;
    color: #9B2242;
}

.bg-managedaccounts,
.btn.btn-managedaccounts,
input[type="submit"].btn.btn-managedaccounts,
.btn[disabled].btn-managedaccounts:hover,
.tab-navigation.tab-managedaccounts .nav-tabs > .active > a,
.tab-navigation.tab-managedaccounts .nav-tabs > .active > a:hover,
.tab-navigation.tab-managedaccounts .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-managedaccounts .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-managedaccounts .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-managedaccounts .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: white;
}

.text-managedaccounts {
    color: #009CDE;
}

.btn.btn-managedaccounts:hover,
input[type="submit"].btn.btn-managedaccounts:hover {
    background-color: #1E1E1E;
    color: #009CDE;
}

.bg-memberhub,
.btn.btn-memberhub,
input[type="submit"].btn.btn-memberhub,
.btn[disabled].btn-memberhub:hover,
.table.table-memberhub th,
.table.table-memberhub > thead > tr,
.tab-content.tab-memberhub .table th,
.tab-content.tab-memberhub .table > thead > tr,
.tab-navigation.tab-memberhub .nav-tabs > .active > a,
.tab-navigation.tab-memberhub .nav-tabs > .active > a:hover,
.tab-navigation.tab-memberhub .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-memberhub .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-memberhub .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-memberhub .nav-tabs > .dropdown.active > a:hover {
    background-color: #F8966E;
    color: white;
}

.text-memberhub {
    color: #F8966E;
}

.btn.btn-memberhub:hover,
input[type="submit"].btn.btn-memberhub:hover {
    background-color: #1E1E1E;
    color: #F8966E;
}

.bg-productgroup,
.btn.btn-productgroup,
input[type="submit"].btn.btn-productgroup,
.btn[disabled].btn-productgroup:hover,
.tab-navigation.tab-productgroup .nav-tabs > .active > a,
.tab-navigation.tab-productgroup .nav-tabs > .active > a:hover,
.tab-navigation.tab-productgroup .nav-tabs > .dropdown.open > a,
.tab-navigation.tab-productgroup .nav-tabs > .dropdown.open > a:hover,
.tab-navigation.tab-productgroup .nav-tabs > .dropdown.active > a,
.tab-navigation.tab-productgroup .nav-tabs > .dropdown.active > a:hover {
    background-color: #009CDE;
    color: #ffffff;
}

.text-productgroup {
    color: #EBB810;
}

.btn.btn-productgroup:hover,
input[type="submit"].btn.btn-productgroup:hover {
    background-color: #1E1E1E;
    color: #EBB810;
}

.btn.btn-market,
input[type="submit"].btn.btn-market,
/*.tour-tourFundSearch .btn,
.tour-tourFundComparison .btn,*/
.btn.btn-funds,
input[type="submit"].btn.btn-funds,
.btn.btn-news,
input[type="submit"].btn.btn-news,
.btn.btn-education,
input[type="submit"].btn.btn-education {
    color: #1E1E1E;
}

/*opacity 20%*/
.tab-content.tab-market .table.table-hover > tbody tr:hover td,
.tab-content.tab-market .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-market > tbody tr:hover td,
.table.table-hover.table-market > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-funds .table.table-hover > tbody tr:hover td,
.tab-content.tab-funds .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-funds > tbody tr:hover td,
.table.table-hover.table-funds > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-shares .table.table-hover > tbody tr:hover td,
.tab-content.tab-shares .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-shares > tbody tr:hover td,
.table.table-hover.table-shares > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-tools .table.table-hover > tbody tr:not(.section-title):hover td,
.tab-content.tab-tools .table.table-hover > tbody tr:not(.section-title):nth-child(odd):hover td,
.table.table-hover.table-tools > tbody tr:not(.section-title):hover td,
.table.table-hover.table-tools > tbody tr:not(.section-title):nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-news .table.table-hover > tbody tr:hover td,
.tab-content.tab-news .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-news > tbody tr:hover td,
.table.table-hover.table-news > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-education .table.table-hover > tbody tr:hover td,
.tab-content.tab-education .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-education > tbody tr:hover td,
.table.table-hover.table-education > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-listedIncome .table.table-hover > tbody tr:hover td,
.tab-content.tab-listedIncome .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-listedIncome > tbody tr:hover td,
.table.table-hover.table-listedIncome > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-memberhub .table.table-hover > tbody tr:hover td,
.tab-content.tab-memberhub .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-memberhub > tbody tr:hover td,
.table.table-hover.table-memberhub > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-productgroup .table.table-hover > tbody tr:hover td,
.tab-content.tab-productgroup .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-productgroup > tbody tr:hover td,
.table.table-hover.table-productgroup > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-super-ratings .table.table-hover > tbody tr:hover td,
.tab-content.tab-super-ratings .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-super-ratings > tbody tr:hover td,
.table.table-hover.table-super-ratings > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

.tab-content.tab-managedaccounts .table.table-hover > tbody tr:hover td,
.tab-content.tab-managedaccounts .table.table-hover > tbody tr:nth-child(odd):hover td,
.table.table-hover.table-managedaccounts > tbody tr:hover td,
.table.table-hover.table-managedaccounts > tbody tr:nth-child(odd):hover td {
    background-color: #009CDE;
    background-color: rgba(0,156,222, 0.2);
}

/*#endregion feature colors*/

/*#region login page*/
.banner-wrapper {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.banner {
    position: absolute;
    top: -1px;
    width: 100%;
    height: 250px;
    background: url(/Images/banner-1.png) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/banner-1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/banner-1.png', sizingMethod='scale')";
}

/*.login-form {
    margin-bottom: 100px;
}*/

.login-form .login-title {
    padding-bottom: 50px;
    line-height: 50px;
    font-family: FuturaMaxiBold;
    font-size: 50px;
    text-align: center;
}

.login-form .input-prepend.username,
.login-form .input-prepend.password {
    text-align: right;
}

.login-form .add-on {
    width: 40px;
    height: 40px;
    padding-top: 6px;
    background-color: #A5ACAF;
    border-color: #A5ACAF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*.login-form input[type="text"],
    .login-form input[type="password"] {
        width: 85%;
        height: 40px;
        padding: 4px 10px;
        margin-bottom: 0;
        margin-left: -4px;
        border: solid 2px #A5ACAF;
        background-color: #D9F3F7;
        color: #404040;
        font-family: FuturaMaxiLight;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 50px #d2f3f7 inset;
    }*/
/*override autofill input bg*/
/*.login-form input[type="text"]:focus,
        .login-form input[type="password"]:focus,
        .login-form input[type="text"]:-webkit-autofill,
        .login-form input[type="password"]:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 50px #d2f3f7 inset, 0 0 6px rgba(82, 168, 236, 0.6) !important;
        }*/

.login-form .login-action {
    margin-top: 45px;
}

.login-form .help-wrapper {
    display: inline-block;
    height: 40px;
    margin-right: 15px;
    vertical-align: middle;
}

    .login-form .help-wrapper > a {
        display: block;
        padding: 10px 0;
        font-size: 14px;
        text-align: right;
        text-decoration: underline;
    }

.landing-page .main {
    padding: 40px 20px;
}

    .landing-page .main > .overview p {
        font-size: 14px;
    }

    .landing-page .main > .overview li {
        font-size: 14px;
    }

    .landing-page .main > .overview {
        padding: 50px 0 0;
    }

        .landing-page .main > .overview .overview-heading {
            margin: 0 0 10px 0;
            font-size: 18px;
        }

        .landing-page .main > .overview a {
            text-decoration: underline;
        }
/*#endregion login page*/

/*#region dashboard page*/
/*carousel*/
.carousel {
    width: 100%;
    /*margin-top: -40px;*/
    /*margin-bottom: 40px;*/
}

    .carousel .carousel-inner {
        overflow: visible;
    }

        .carousel .carousel-inner .item {
            width: 100%;
            height: 200px;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: center;
        }

    .carousel .item-inner {
        position: relative;
    }

        .carousel .item-inner .item-caption {
            position: absolute;
            top: 0;
            right: 0;
            width: 320px;
            height: 200px;
            padding: 15px 25px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .carousel .item-inner .item-caption div.item-text,
            .carousel .item-inner .item-caption div.item-text > * {
                padding: 0;
                margin: 0;
                font-family: FuturaMaxiBold !important;
                font-size: 22px;
                line-height: 32px;
                color: white;
            }

.item-caption div.item-text, .item-caption div.item-text > * {
    font-size: 22px !important;
    line-height: 32px;
    color: white;
    text-align: left;
}

    .item-caption div.item-text a.btn {
        font-size: 12px !important;
        line-height: 21px;
    }

.item-caption .more {
    color: white !important;
    font-size: 14px;
}

.carousel .item-inner .item-caption div.item-text {
    padding-bottom: 18px;
}

.carousel .item-inner .item-caption .more {
    color: white !important;
    font-family: FuturaMaxiLight;
    font-size: 14px;
}

    .carousel .item-inner .item-caption .more:before {
        background-color: white;
        background-position: 0 -18px;
    }

.carousel-fade .carousel-inner .item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right,
.carousel-fade .carousel-inner .active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

/*video iframe*/
.iframe-container {
    position: relative;
    padding-bottom: 56%;
    margin-bottom: 15px;
    height: 0;
    overflow: hidden;
    background-color: rgba(255,255,255,0);
}

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*register training*/
#registerTraining.modal.fade.in {
    top: 36%;
}

#registerTraining .modal-header h3 {
    color: #1E1E1E;
}

#registerTraining .modal-body {
    max-height: 580px;
    padding: 10px 30px;
}

    #registerTraining .modal-body .col-md-9 {
        margin-left: 0;
    }

    #registerTraining .modal-body label {
        margin-bottom: 3px;
    }

    #registerTraining .modal-body input {
        margin-bottom: 6px;
    }

    #registerTraining .modal-body p {
        margin-top: 20px;
    }

/*quick poll*/
#pollResultModal {
    margin-top: -350px;
}

    #pollResultModal .modal-body {
        max-height: 100%;
        height: 500px;
        min-height: 500px;
        overflow: visible;
    }

#frPollResult {
    width: 100%;
    height: 100%;
    min-height: 500px;
    border: 0;
}

/*subscription renewal*/
#subscriptionRenewalModal {
    width: 726px;
    margin: -370px 0 0 -363px;
    padding: 25px;
}

    #subscriptionRenewalModal .modal-body {
        position: relative;
        min-height: 597px;
        max-height: 100%;
        padding: 0;
    }

#LatestNews .tab-research.tab-navigation .nav-tabs > li > a,
#YourProducts .tab-research.tab-navigation .nav-tabs > li > a,
#dashboard-latest-events .tab-events.tab-navigation .nav-tabs > li > a {
    /* padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 25px;
    padding-left: 25px;
    color: #6A6A6A;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none; */
}

#LatestNews .tab-research.tab-navigation .nav-tabs,
#YourProducts .tab-research.tab-navigation .nav-tabs,
#dashboard-latest-events .tab-events.tab-navigation .nav-tabs,
#LatestNews .tab-research.tab-navigation .nav-tabs > .active > a,
#YourProducts .tab-research.tab-navigation .nav-tabs > .active > a,
#dashboard-latest-events .tab-events.tab-navigation .nav-tabs > .active > a {
    /* border-bottom: 1px solid #A8A8A8;
    line-height: 37px;
    margin-bottom: 15px; */
}

    #LatestNews .tab-research.tab-navigation .nav-tabs > .active > a,
    #YourProducts .tab-research.tab-navigation .nav-tabs > .active > a,
    #dashboard-latest-events .tab-events.tab-navigation .nav-tabs > .active > a {
        /* color: #6A6A6A; */
    }

/*#LatestNews .tab-research.tab-navigation .nav-tabs > li > a[href="#Funds"]:hover,
            #LatestNews .tab-research.tab-navigation .nav-tabs > .active > a[href="#Funds"] {
                border-bottom: 5px solid #009CDE;
            }

            #LatestNews .tab-research.tab-navigation .nav-tabs > li > a[href="#Equities"]:hover,
            #LatestNews .tab-research.tab-navigation .nav-tabs > .active > a[href="#Equities"] {
                border-bottom: 5px solid #722EA5;
            }

            #LatestNews .tab-research.tab-navigation .nav-tabs > li > a[href="#ListIncome"]:hover,
            #LatestNews .tab-research.tab-navigation .nav-tabs > .active > a[href="#ListIncome"] {
                border-bottom: 5px solid #009CDE;
            }

            #LatestNews .tab-research.tab-navigation .nav-tabs > li > a[href="#LonsecRetire"]:hover,
            #LatestNews .tab-research.tab-navigation .nav-tabs > .active > a[href="#LonsecRetire"] {
                border-bottom: 5px solid #43B97D;
            }*/

/*#endregion dashboard page*/

/*#region market reports page*/
.thumbnail-report {
    width: 209px;
    height: 260px;
    padding: 15px;
    margin-bottom: 40px;
    border: solid 2px #1E1E1E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .thumbnail-report .report-type {
        height: 160px;
        font-family: FuturaMaxiBold;
        font-size: 28px;
    }

    .thumbnail-report .report-color {
        height: 10px;
    }
/*#endregion market reports page*/

/*#region online payment page*/
.img-wrapper {
    width: 351px;
    height: 74px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.5%;
}

    .img-wrapper img {
        width: 100%;
        height: 100%;
    }

.breadcrumb {
    background: none;
    border: none;
    margin: 0 0;
    padding: 0 0 5px 0;
}
/*#endregion online payment page*/

/*#region news page*/
#news-wrap .loading {
    display: none;
    position: absolute;
    left: 50%;
    top: 80%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px; /* -1 * image height / 2 */
    display: block;
}
/*scroller height to be the same*/
#news-wrap .left-panel .latest-news li, #news-container .left-panel .latest-webcasts li {
    width: 150px;
    margin: 0 20px 15px 0;
}
/*Prepare the space for image, if image smaller put white background*/
.news-thumb .news-img-wrap {
    width: 150px;
    height: 150px;
    background-color: white;
}
/*Image auto adjust to the width/height*/
.news-thumb .news-thumb img {
    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 150px;
}
/*bottom part of caption*/
.news-thumb .news-caption {
    height: 120px; /*set a common height so the caption looks same level*/
    background-color: #ddd;
    padding-left: 5px;
    padding-right: 5px;
}

    .news-thumb .news-caption:hover {
        background-color: #eee;
    }

.news-caption {
    padding-top: 5px;
    font-size: 14px;
}

.upper {
    text-transform: uppercase;
}

.fbboxme {
    width: 41px;
    position: relative;
    left: 0;
    display: inline-block !important;
    text-decoration: none !important;
    border: 1px solid black !important;
    border-top-color: #E2E2E2 !important;
    border-right-color: #BFBFBF !important;
    border-bottom-color: #B9B9B9 !important;
    border-left: 0 !important;
    color: #333 !important;
    font-size: 11px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    border-left: 0 !important;
    text-shadow: white -1px 1px 0 !important;
    line-height: 19px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    background-color: #ECECEC !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,#FEFEFE), color-stop(100%,#ECECEC)) !important;
    background-image: -webkit-linear-gradient(top, #FEFEFE 0, #ECECEC 100%) !important;
}

.share a :hover {
    text-decoration: none !important;
}

.search {
    color: #eee;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin: 15px 0 15px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .search .search-label {
        width: auto;
        float: left;
        margin: 0 15px 0 0;
        padding: 5px 0 0 0;
    }

    .search input[type='text'] {
        margin: 0 10px 0 0;
    }

.news-list {
    width: 100%;
    display: none;
    margin: 15px 0 0 0;
}

    .news-list .news-item {
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin: 8px 0 0 0;
        height: auto;
        min-height: 60px;
    }

        .news-list .news-item:hover {
            background-color: #ddd;
            cursor: pointer;
        }

        .news-list .news-item .news-list-thumb {
            width: 50px;
            height: auto;
            float: left;
            margin: 0 10px 0 0;
        }

        .news-list .news-item .news-thumb {
            margin: 0 10px 0 0;
        }

        .news-list .news-item img {
            width: 50px;
            height: 50px;
        }

        .news-list .news-item .news-info .type-area {
            float: left;
            max-width: 105px;
            margin-left: 0;
            text-transform: uppercase;
            width: 90px;
        }

        .news-list .news-item .news-info .type-image {
            width: 30px;
            height: 20px;
            vertical-align: middle;
        }

        .news-list .news-item .news-info .title {
            width: 100%;
            font-size: 14px;
            font-weight: bold;
        }

        .news-list .news-item .news-info .desc {
            width: 100%;
            font-size: 12px;
            line-height: 1.5em;
        }

        .news-list .news-item .news-info .desc2 {
            width: 100%;
            font-size: 10px;
            font-style: italic;
            line-height: 1.5em;
        }

.meta {
    font-size: 11px;
}

.meta-head {
    max-width: 170px;
    line-height: 14px;
    display: block;
}

.meta-share {
    margin-right: 5px;
}
/*#endregion news page*/

/*#region error page*/
.error-page {
    top: 100px;
    position: relative;
    min-height: 650px;
}
/*#endregion error page*/

/*#region shares plus*/
/*for table that are horizontally designed*/
.table-horizontal td:first-child {
    color: White;
    font-weight: bold;
    background-color: #1E1E1E !important;
    vertical-align: middle;
    width: 20%;
}

.table-horizontal td {
    background-color: #DDE2E9;
}

/*grey default for table*/
.table-grey {
    background-color: #E5E5E5;
}

    .table-grey.table-bordered {
        border: 1px solid white;
    }

table.tablesorter thead tr .header {
    background-image: none;
}

    table.tablesorter thead tr .header.headerSortUp {
        background-image: url('/Content/themes/base/images/tablesorter-asc.gif');
    }

    table.tablesorter thead tr .header.headerSortDown {
        background-image: url('/Content/themes/base/images/tablesorter-desc.gif');
    }
/*#endregion shares plus*/

/*#region about us*/
#AboutUs-nav {
    margin-top: -35px;
    float: right;
    margin-right: 80px;
}

    #AboutUs-nav li {
        list-style: none;
        float: left;
        margin: 0;
        position: relative;
    }

        #AboutUs-nav li:last-child {
            margin-right: 0;
        }

    #AboutUs-nav a {
        color: #fff;
        font-size: 12px;
        display: block;
        position: relative;
        text-align: center;
        padding: 8px 12px 8px 12px !important;
        border-radius: 3px;
        font-size: 12px;
    }

        #AboutUs-nav a:after {
            color: #aeaeae;
            font-style: italic;
            font-weight: 400;
            display: block;
            line-height: 0;
            text-align: center;
            text-transform: lowercase;
        }

    #AboutUs-nav ul ul {
        left: -25px;
        padding: 0;
        position: absolute;
        top: 36px;
        visibility: hidden;
    }

        #AboutUs-nav ul ul ul {
            left: 120px;
            padding: 0;
            position: absolute;
            top: 0;
            visibility: hidden;
        }

    #AboutUs-nav li:hover > ul {
        visibility: visible;
    }

    #AboutUs-nav ul ul li {
        float: none;
    }

    #AboutUs-nav ul ul a {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        text-align: left !important;
        width: 120px;
        border-bottom: 1px solid #555;
        background: #444;
        border-radius: 0;
    }

        #AboutUs-nav ul ul a:hover,
        #AboutUs-nav ul ul .hover > a,
        #AboutUs-nav ul ul .current > a,
        #AboutUs-nav ul ul .current > a:hover {
            color: #fff;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
            border-bottom-color: #353535;
            border-bottom-color: #353535;
        }

    #AboutUs-nav ul li.current > a:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -5px;
        border-left: 6px solid rgba(255,255,255,0);
        border-right: 6px solid rgba(255,255,255,0);
        border-top: 6px solid #444;
    }

    #AboutUs-nav ul li ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 24%;
        top: 0;
        margin-left: -5px;
        margin-top: -6px;
        border-left: 6px solid rgba(255,255,255,0);
        border-right: 6px solid rgba(255,255,255,0);
        border-bottom: 6px solid #444;
    }

    #AboutUs-nav ul li ul li:first-child > a:hover:after {
        border-bottom-color: #444;
    }

    #AboutUs-nav ul li.current ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 24%;
        top: 0;
        margin-left: -5px;
        margin-top: -6px;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    #AboutUs-nav ul li ul li ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: -1px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid rgba(255,255,255,0);
        border-top: 6px solid rgba(255,255,255,0);
        border-right: 6px solid #444;
    }

    #AboutUs-nav ul li ul li ul li:first-child > a:hover:after {
        border-bottom-color: rgba(255,255,255,0);
        border-right-color: #444;
    }
/*#endregion about us*/

/*#region overview page*/
.page-overview {
    display: none;
}

    .page-overview.page-market,
    .page-overview.page-funds,
    .page-overview.page-tools,
    .page-overview.page-investmentsolutions,
    .page-overview.page-training {
        display: block;
    }

    .page-overview .thumbnails {
        width: 239px;
        margin: 25px auto 0;
    }

        .page-overview .thumbnails li {
            margin-bottom: 5px;
            margin-left: 5px;
        }

        .page-overview .thumbnails .thumbnail {
            position: relative;
            width: 234px;
            height: 350px;
        }

            .page-overview .thumbnails .thumbnail:before {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                content: "";
            }

            .page-overview .thumbnails .thumbnail > .thumbnail-description {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 95px;
                padding: 14px 30px;
                overflow: hidden;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
            }

                .page-overview .thumbnails .thumbnail > .thumbnail-description > h3 {
                    line-height: 22px;
                    font-size: 17px;
                }

        .page-overview .thumbnails a:not(.disabled):hover .thumbnail > .thumbnail-description {
            height: 85%;
        }

        .page-overview .thumbnails a.disabled {
            cursor: default;
        }

            .page-overview .thumbnails a.disabled .thumbnail > .thumbnail-description {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                opacity: 0;
            }

        .page-overview .thumbnails .thumbnail:before,
        .page-overview .thumbnails .thumbnail > .thumbnail-description > p {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
        }

        .page-overview .thumbnails a:not(.disabled):hover .thumbnail:before,
        .page-overview .thumbnails a:not(.disabled):hover .thumbnail > .thumbnail-description > p {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .page-overview .thumbnails a:hover {
            text-decoration: none; /*for safari*/
        }

    /*Market*/
    .page-overview.page-market .thumbnails .thumbnail:before,
    .page-overview.page-market .thumbnails .thumbnail > .thumbnail-description {
        background-color: #C1BB00;
        background-color: rgba(193, 187, 0, 0.8);
    }

    .page-overview.page-market .thumbnails a:hover .thumbnail > .thumbnail-caption {
        background-color: #C1BB00;
    }

    /*Funds*/
    .page-overview.page-funds .thumbnails .thumbnail:before,
    .page-overview.page-funds .thumbnails .thumbnail > .thumbnail-description {
        background-color: #FF6319;
        background-color: rgba(255, 99, 25, 0.8);
    }

    .page-overview.page-funds .thumbnails a:hover .thumbnail > .thumbnail-caption {
        background-color: #FF6319;
    }

    /*Tools*/
    .page-overview.page-tools .thumbnails .thumbnail:before,
    .page-overview.page-tools .thumbnails .thumbnail > .thumbnail-description {
        background-color: #005E6E;
        background-color: rgba(0, 94, 110, 0.8);
    }

    .page-overview.page-tools .thumbnails a:hover .thumbnail > .thumbnail-caption {
        background-color: #005E6E;
    }

    /*Investment solutions*/
    .page-overview.page-investmentsolutions .thumbnails .thumbnail:before,
    .page-overview.page-investmentsolutions .thumbnails .thumbnail > .thumbnail-description {
        background-color: #9B2242;
        background-color: rgba(155, 34, 66, 0.8);
    }

    .page-overview.page-investmentsolutions .thumbnails a:hover .thumbnail > .thumbnail-caption {
        background-color: #9B2242;
    }

    /*Training*/
    .page-overview.page-training .thumbnails .thumbnail:before,
    .page-overview.page-training .thumbnails .thumbnail > .thumbnail-description {
        background-color: #00B0CA;
        background-color: rgba(0, 176, 202, 0.8);
    }

    .page-overview.page-training .thumbnails a:hover .thumbnail > .thumbnail-caption {
        background-color: #00B0CA;
    }

    .page-overview.page-tools .thumbnails .thumbnail > .thumbnail-description > p {
        color: white;
    }
/*#endregion overview page*/

/*#region lonsectv*/
#lonsecTV.main {
    padding-right: 38px;
    padding-left: 38px;
}

.video-list {
    width: 200px;
    height: 525px;
    background-color: white /*#C3C8C8*/;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

    .video-list:hover {
        text-decoration: none;
    }

    .video-list.selected {
        /*background-color: #E6F7FA;
        background-color: rgba(0, 176, 202, 0.1);*/
        background-color: rgba(0,156,222, 0.2);
    }

.video-details {
    padding: 10px;
    overflow: hidden;
    white-space: normal;
    position: absolute;
    height: 365px;
    width: 100%;
}

.video-presenter {
    margin: 6px 0 12px;
    color: #3E5E8D;
}

.elastislide-list {
    transition: all .6s !important;
}

.elastislide-wrapper {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.elastislide-horizontal {
    padding: 0;
}

    .elastislide-horizontal ul.elastislide-list li:not(:last-child) {
        margin-right: 25px;
    }

    .elastislide-horizontal nav span {
        width: 18px;
        height: 18px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .elastislide-horizontal nav span.elastislide-next {
            right: -35px;
            background: url("/Images/chevron-right.png");
            background-position: 0 -18px;
        }

        .elastislide-horizontal nav span.elastislide-prev {
            left: -35px;
            background: url("/Images/chevron-left.png");
            background-position: 0 -18px;
        }

            .elastislide-horizontal nav span.elastislide-next:hover,
            .elastislide-horizontal nav span.elastislide-prev:hover {
                background-position: 0 -36px;
            }

.elastislide-carousel ul.elastislide-list li a img {
    border: none;
    width: 200px;
}

.elastislide-list,
.elastislide-list > li {
    max-height: 100% !important;
}
/*#endregion lonsectv*/

/*#region bootstraptour*/
.popover {
    max-width: 700px;
    min-width: 580px;
    padding: 20px;
    border: 1px solid #009CDE;
    -webkit-box-shadow: 0 14px 12px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 14px 12px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 14px 12px 0 rgba(0, 0, 0, 0.2);
}

.popover-header {
    background-color: #fff;
    border-bottom: none;
}

div[class*='tour'] h3.popover-header {
    font-weight: bold;
}

.bs-popover-right .arrow::before {
    border-right-color: #009CDE;
}

.bs-popover-right .arrow::after {
    border-right-color: #fff;
}

.bs-popover-left .arrow::before {
    border-left-color: #009CDE;
}

.bs-popover-left .arrow::after {
    border-left-color: #fff;
}

.bs-popover-top .arrow::before {
    border-top-color: #009CDE;
}

.bs-popover-top .arrow::after {
    border-top-color: #fff;
}

.bs-popover-bottom .arrow::before {
    border-bottom-color: #009CDE;
}

.bs-popover-bottom .arrow::after {
    border-bottom-color: #fff;
}

.popover.top > .arrow {
    bottom: -5px;
    margin-left: 0;
    border-top-width: 10px;
    border-right-width: 10px;
    border-left-width: 10px;
    border-top-color: #009CDE;
}

.popover.right > .arrow {
    left: -5px;
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-right-color: #009CDE;
}

.popover.bottom > .arrow {
    top: -5px;
    margin-left: 0;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-bottom-color: #009CDE;
}

.popover.left > .arrow {
    right: -33px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-left-color: #009CDE;
}

.popover > .popover-title {
    padding: 9px 14px;
    font-size: 15px;
    border-top: solid 1px #EEE;
    margin: 0;
}

.popover > .popover-content {
    padding: 14px 14px 0;
    background-color: white;
}

.popover > .popover-navigation {
    background-color: white;
    padding: 14px;
}

    .popover > .popover-navigation > .btn-group {
        display: inline-block;
        vertical-align: middle;
    }

        .popover > .popover-navigation > .btn-group > .btn {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .popover > .popover-navigation > .btn {
        float: right;
    }

    .popover > .popover-navigation .btn:disabled {
        display: none;
    }

.popover.left {
    margin-left: -35px;
}

/* tour carousel */
.tourCarousel.carousel, #tourCarousel.carousel {
    margin-top: 0;
    margin-bottom: 20px;
}

.tourCarousel .carousel-inner img, #tourCarousel .carousel-inner img {
    width: 100%;
    height: 100%
}

.tourCarousel .carousel-indicators, #tourCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

    .tourCarousel .carousel-indicators > span, #tourCarousel .carousel-indicators > span {
        width: 175px
    }

    .tourCarousel .carousel-indicators span img, #tourCarousel .carousel-indicators span img {
        display: block;
        opacity: 0.5
    }

    .tourCarousel .carousel-indicators span.active img, #tourCarousel .carousel-indicators span.active img {
        opacity: 1
    }

    .tourCarousel .carousel-indicators span:hover img, #tourCarousel .carousel-indicators span:hover img {
        opacity: 0.75
    }

.tourCarousel .carousel-control-pre, #tourCarousel .carousel-control-prev,
.tourCarousel .carousel-control-next, #tourCarousel .carousel-control-next {
    bottom: 140px;
    width: auto;
}

.tourCarousel .carousel-control-prev, #tourCarousel .carousel-control-prev {
    margin-left: 5%;
}

.tourCarousel .carousel-control-next, #tourCarousel .carousel-control-next {
    margin-right: 5%;
}

.tourCarousel .carousel-control-prev-icon, #tourCarousel .carousel-control-next-icon, #tourCarousel .carousel-control-prev-icon, #tourCarousel .carousel-control-next-icon {
    filter: invert(1);
}

.tourCarousel .carousel-item img, #tourCarousel .carousel-item img {
    width: 80%
}

.tourCarousel .carousel-inner, #tourCarousel .carousel-inner {
    overflow: hidden;
}

.popover[class*="tour-"].orphan {
    left: 50% !important;
    top: 30% !important;
    margin-top: 0;
    position: absolute;
    transform: translate(-50%, -50%) !important;
}

.popover[class*="tour-"].orphan .arrow {
    display: none;
}

/*#endregion bootstraptour*/

/*#region product search (portfolio cons, quant)*/
    #searchTabs {
        background-color: white;
        border: 1px solid #AAA;
        padding: 15px;
        position: absolute;
        z-index: 99;
        right: 0px;
        width: 600px;
        font-size: 12px;
        margin-right: 12px;
    }

    #searchTabs .tab-navigation .nav-tabs {
        margin-bottom: 15px;
        background: none;
        border: none;
        
    }

    #searchTabs .tab-navigation .nav-tabs > li > a.nav-link {
        color: #009cde;
    }

    #searchTabs .tab-navigation .nav-tabs > li > a:hover {
        text-decoration: none;
    }

    #searchTabs .tab-navigation .nav-tabs > li > a.nav-link.active {
        color: #fff;
        background-color: #009cde;
        border-color: #009cde;
        border-radius: 4px;
    }


    #searchTabs .tab-navigation .nav-tabs > li > a.nav-link:not(.active),
    #searchTabs .tab-navigation .nav-tabs > li > a.nav-link:not(.active):hover {
        border: none;
    }

    
    #searchTabs input.ui-autocomplete-input {
        background: url("/Images/search-icon-black.png") no-repeat 9px center;
        background-position: right;
        -ms-background-origin: content-box;
        background-origin: content-box;
        padding-right: 10px;
        margin-top: 10px;
        padding: 8px;
    }

    #searchTabs input.ui-autocomplete-input.form-control {
            padding-left: 8px;
        }


    #searchTabs .input-append,
    #searchTabs input.ui-autocomplete-input {
        width: 99%;
    }

    #searchTabs .input-append, 
    #searchTabs input.ui-autocomplete-input:focus-visible {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }


    #searchTabs.nav-tab-container ul.nav-tabs li.nav-item a.nav-link.active

    #fundSearch .btn.btn-link {
        padding: 0 0 10px 0;
    }
/*#endregion product search (portfolio cons, quant)*/

/* Cross and plus button in Product and Portfolio comparison*/
.label.remove {
    white-space: normal;
    white-space: normal;
    padding: 2px 4px 0px 4px;
    background-color: white;
    color: black;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    -ms-border-radius: 0px;
    border-radius: 0px;
    cursor: default;
    border: 1px solid black;
}

.label.removeColumn {
    white-space: normal;
    padding: 2px 4px 0px 4px;
    float: right;
    margin: 3px 0 0 3px;
    background-color: white;
    color: black;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    -ms-border-radius: 0px;
    border-radius: 0px;
    cursor: default;
}

    .label.remove:hover,
    .label.removeColumn:hover {
        color: #b94a48;
    }

.label.add {
    position: absolute;
    font-size: 16px;
    padding: 1px 4px 0px 4px;
    background-color: white;
    border: 1px solid black;
    color: black;
    -ms-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
}

    .label.add:hover {
        color: #468847;
    }
/*end*/


/* Toolbar css */
.toolbar {
    background: #F4F4F4 0% 0% no-repeat padding-box;
    padding: 16px;
    display: flex;
    margin-bottom: 24px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
    justify-content: space-between;
}

    .toolbar button.btn,
    .toolbar .checkbox {
        margin-right: 5px;
    }

    .toolbar #additional-items {
        font-weight: bold;
    }

/* end Toolbar css */

/* Filter css */
.page-filter {
    background: white 0% 0% no-repeat padding-box;
    padding: 12px 16px;
    margin-bottom: 24px;
    border: none;
    border-radius: 3px;
}

    .page-filter .filter-keyword-box {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-left: -1px;
        max-width: 595px;
    }

    .page-filter hr {
        border-color: #aaa !important
    }

    .page-filter .filter-title {
        font-weight: 700 !important;
    }

    .page-filter .bootstrap-select > .dropdown-toggle:after {
        margin-top: -12px;
    }

    .page-filter .row > div[class*="col-"] {
        margin-bottom: 1.5rem;
    }

        .page-filter .row > div[class*="col-"] input[type=text].form-control {
            height: 32px;
        }
/* end Filter css */
/* Override Card */
.card {
    border: none;
    border-radius: 0px;
}
/* End Override Card */

/*MEDIA*/

@media screen and (min-width: 480px) {
    /*.container {
        max-width: 440px;
    }*/

    /*dashboard carousel caption*/
    .carousel .item-inner .item-caption {
        width: 280px;
    }

    /*search box*/
    .search-box-layout {
        position: static;
        float: left;
        width: 0;
        max-width: 0;
        height: 30px;
        padding: 0;
    }

        .search-box-layout.search-toggle {
            width: 268px;
            max-width: 268px;
        }

        .search-box-layout input[type="search"] {
            width: 268px;
        }
}

@media screen and (min-width: 640px) {
    /*.container {
        max-width: 600px;
    }*/

    /*overview page*/
    .page-overview .thumbnails {
        width: 478px;
    }
}

@media screen and (min-width: 768px) {
    /*.container {
        max-width: 858px;
    }*/

    /*login page input*/
    .login-form .input-prepend.username {
        text-align: left;
    }
}

@media screen and (max-width: 1180px) {
    .SecondLevelMenu > li:first-child {
        border-top: 2px solid #009CDE;
    }

        .SecondLevelMenu > li:first-child::after {
            content: " ";
            width: 80%;
            height: 2px;
            background-color: white;
            position: absolute;
            right: 0;
            top: -2px;
        }

    .ThirdLevelMenu > li > a {
        font-size: 12px;
        color: #757575;
        padding-left: 5px;
    }

    .SecondLevelMenu,
    .ThirdLevelMenu,
    .FourthLevelMenu {
        margin-left: 0.5rem;
        border-left: 2px solid #dee2e6;
    }

    .direct-menu > .ThirdLevelMenu {
        margin-left: 0;
        border-left: none;
    }

        .direct-menu > .ThirdLevelMenu > .menu-parent {
            padding-left: 0;
        }

    #TopLevelMenu, .TopLevelMenu {
        box-shadow: 0px 3px 6px #00000029;
    }

    #main-nav a {
        display: block;
        padding: 10px 10px 10px 10px;
        color: black;
        font-size: 14px;
    }

    #main-nav li.menu-parent.expandable > a:after,
    #main-nav div.menu-parent.expandable > .menu-item > .menu-header > a:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f107";
        margin-top: 0.35em;
        padding-left: 0.5em;
    }

    #main-nav li.menu-parent.expandable.show-menu > a:after,
    #main-nav div.menu-parent.expandable.show-menu > .menu-item > .menu-header > a:after {
        content: "\f106";
    }

    #main-nav.show-menu,
    #TopLevelMenu.show-menu,
    #workbenchMenu.show-menu,
    li.show-menu > .menu-container > .SecondLevelMenu,
    .menu-parent.show-menu > .ThirdLevelMenu,
    .direct-menu > .ThirdLevelMenu,
    .menu-parent.show-menu > .FourthLevelMenu,
    .TopLevelMenu.show-menu {
        display: block;
    }
}

@media screen and (min-width: 960px) {
    /*.container {
            max-width: 920px;
        }*/
}

@media screen and (min-width: 1380px) {
    .container {
        max-width: 1300px;
    }

    /*login page input*/
    .login-form .input-prepend.username {
        text-align: left;
    }
}

/*tablet resolution*/
@media screen and (max-width: 1180px) {
    #header .header-menu-desktop {
        min-width: 0;
    }

    .tablet-hide {
        display: none !important;
    }

    #main-nav .menu-desc {
        display: none;
    }

    #main-nav div.row > div {
        flex: auto;
        max-width: none;
    }

    #main-nav h1,
    #main-nav h2,
    #main-nav h3,
    #main-nav h4,
    #main-nav h5,
    #main-nav h6,
    #main-nav .h1,
    #main-nav .h2,
    #main-nav .h3,
    #main-nav .h4,
    #main-nav .h5,
    #main-nav .h6 {
        font-weight: 500;
    }
}

@media screen and (min-width: 1181px) {
    .container {
        max-width: 1880px;
    }

    .tablet-show {
        display: none !important;
    }

    #header .header-menu-tablet {
        display: none;
    }

    #header .tooltip.left {
        display: none !important;
    }

    #header .tooltip.right {
        display: block !important;
    }

    /*account menu*/
    .account-wrapper {
        display: flex;
        align-items: center;
    }


    /*menu*/
    .menu-toggle,
    .expand-menu {
        display: none;
    }

    li.show-menu > .SecondLevelMenu, li.show-menu > .SecondLevelMenu, li.show-menu > .ThirdLevelMenu {
        display: none;
    }

    #iconHouse img {
        width: 14px;
        margin-bottom: 2px;
    }

    #iconHouse {
        display: block !important;
    }

    #main-nav {
        display: block;
        position: static;
        width: auto;
        height: auto;
    }

        #main-nav > #TopLevelMenu > li > a {
            display: block;
            padding: 13px 40px 9px 0;
            color: black;
            font-size: 14px;
        }

        #main-nav a,
        #main-nav a:hover {
            color: #009CDE;
        }

            #main-nav a:not([href]),
            #main-nav a:not([href]):hover,
            #main-nav a[href="#"],
            #main-nav a[href="#"]:hover {
                cursor: default;
                text-decoration: none;
                color: #7e7e7e;
            }

        #main-nav .menu-item {
            margin-bottom: 1.5rem;
        }

        #main-nav .FourthLevelMenu {
            margin-top: -1rem;
        }

            #main-nav .FourthLevelMenu .menu-item {
                margin-bottom: 0.3rem;
            }

        #main-nav .SecondLevelMenuHeader > a {
            border-bottom: 2px solid #dee2e6;
        }

            #main-nav .SecondLevelMenuHeader > a[href]:not([href="#"]):hover {
                border-bottom: 2px solid #009CDE;
            }

        #main-nav .SecondLevelMenu > div:nth-child(n+3) {
            padding-top: 3em;
        }

        #main-nav .SecondLevelMenu > div:nth-child(2n+1) {
            padding-right: 3em;
        }

        #main-nav .SecondLevelMenu > div:nth-child(2n) {
            padding-left: 3em;
        }

    #TopLevelMenu {
        display: block;
        background: none;
        float: right;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        #TopLevelMenu > li {
            display: inline-block;
        }

            #TopLevelMenu > li.line-flag:after,
            #TopLevelMenu > li:hover:after {
                content: " ";
                width: 40px;
                border: 2px solid #00A9E5;
                display: block;
                margin-top: -10px;
                border-radius: 2px;
            }

            #TopLevelMenu > li .line-flag {
                width: 35px;
                border-top: 3px solid #00A9E5;
                position: absolute;
                margin-left: 20px;
                top: 43px;
            }

            #TopLevelMenu > li > a {
                border-bottom: solid 5px rgba(255,255,255,0);
            }

            #TopLevelMenu > li:hover > a {
                color: #323232;
                text-decoration: none !important;
            }

                #TopLevelMenu > li:hover > a.menu-market,
                #TopLevelMenu > li.active > a.menu-market {
                    /* border-bottom-color: #C1BB00; */
                }

                #TopLevelMenu > li:hover > a.menu-funds,
                #TopLevelMenu > li.active > a.menu-funds {
                    border-bottom-color: #FF6319;
                }

                #TopLevelMenu > li:hover > a.menu-tools,
                #TopLevelMenu > li.active > a.menu-tools {
                    border-bottom-color: #005E6E;
                }

                #TopLevelMenu > li:hover > a.menu-shares,
                #TopLevelMenu > li.active > a.menu-shares {
                    border-bottom-color: #009CDE;
                }

                #TopLevelMenu > li:hover > a.menu-news,
                #TopLevelMenu > li.active > a.menu-news {
                    border-bottom-color: #00B0CA;
                }

                #TopLevelMenu > li:hover > a.menu-education,
                #TopLevelMenu > li.active > a.menu-education {
                    border-bottom-color: #FDC82F;
                }

                #TopLevelMenu > li:hover > a.menu-investmentsolutions,
                #TopLevelMenu > li.active > a.menu-investmentsolutions {
                    /*border-bottom-color: #9B2242;*/
                }

                #TopLevelMenu > li:hover > a.menu-superfunds,
                #TopLevelMenu > li.active > a.menu-superfunds {
                    border-bottom-color: #62a2db;
                }

                #TopLevelMenu > li:hover > a.menu-managedaccounts,
                #TopLevelMenu > li.active > a.menu-managedaccounts {
                    /* border-bottom-color: #18b5aa; */
                }

            #TopLevelMenu > li:hover > .menu-container {
                display: block;
                position: absolute;
                top: 83px;
                left: 0;
                z-index: 99999;
                padding-left: 0px;
                border: 1px solid #dee2e6;
                box-shadow: 0px 3px 6px #00000029;
                width: 100%;
                padding: 2rem Min(15%,275px);
                background-color: #ffffff;
            }

                #TopLevelMenu > li:hover > .menu-container .SecondLevelMenu,
                #TopLevelMenu > li:hover > .menu-container .ThirdLevelMenu,
                #TopLevelMenu > li:hover > .menu-container .FourthLevelMenu {
                    display: flex;
                }

                #TopLevelMenu > li:hover > .menu-container > .SecondLevelMenu > div:nth-child(2n+1) {
                    border-right: 2px solid #dee2e6;
                }

            #TopLevelMenu > li.expandable > a:after {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                content: "\f107";
                margin-top: 0.35em;
                padding-left: 0.5em;
            }

            #TopLevelMenu > li.expandable:hover > a:after {
                content: "\f106";
            }

    #header .header-content-menu div.dropdown .btn.btn-link:after {
        content: " ";
        width: 30px;
        border: 1px solid transparent;
        display: block;
        border-radius: 2px;
    }

    #header .header-content-menu div.dropdown.show .btn.btn-link:after {
        border: 1px solid #00A9E5;
    }

    #main-nav a.menu-managedaccounts {
        padding-left: 0;
        padding-right: 0;
        margin-left: 20px;
        margin-right: 20px;
    }

    .SecondLevelMenu > li:hover > a {
        color: #323232;
        background-color: #e9ecf1;
    }

    .SecondLevelMenu > hr {
        margin-left: 20px !important;
        width: 34px;
        border: 1.5px solid #00A9E5;
        display: block;
        #
    }

    .SecondLevelMenu > li:hover > .ThirdLevelMenu {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 13;
        padding-left: 0px;
        border: 1px solid #dadada;
        min-width: 165px;
    }

    .SecondLevelMenu li > a {
        padding: 16px 20px 11px;
        font-size: 13px;
    }

    .SecondLevelMenu li:last-child > a {
        border-bottom: none;
    }

    .SecondLevelMenu > li.dropdown-submenu > a:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        content: " ";
        border-left: 0.3em solid rgba(255,255,255,0);
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f105";
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
        vertical-align: 0 !important;
        margin-right: 0em;
        margin-top: 0.2em;
        float: right;
    }

    /*overlap white wrapper with left and right shadow*/
    .main-wrapper {
        position: relative;
        margin-top: -40px;
        background-color: white;
    }

        .main-wrapper:before {
            position: absolute;
            top: 0;
            left: -10px;
            width: 10px;
            height: 435px;
            content: "";
            background-image: url("/Images/shadow-left.png");
            background-repeat: no-repeat;
        }

        .main-wrapper:after {
            position: absolute;
            top: 0;
            right: -10px;
            width: 10px;
            height: 435px;
            content: "";
            background-image: url("/Images/shadow-right.png");
            background-repeat: no-repeat;
        }

    .main {
        padding: 40px 0px 0;
    }

    /*login page*/
    .landing-page.main-wrapper {
        margin-top: -70px;
    }

    .landing-page .main {
        padding: 50px;
    }

        .landing-page .main > .overview {
            padding: 30px 70px 0;
        }

    /*overview page*/
    .page-overview .thumbnails {
        width: 717px;
    }

    /*dashboard carousel caption*/
    .carousel .item-inner .item-caption {
        left: 954px;
    }

    /*overview page*/
    .page-overview.page-market .thumbnails,
    .page-overview.page-training .thumbnails {
        width: 956px;
    }
}

@media screen and (min-width: 1600px) {
    /*.container {
            max-width: 1500px;
        }*/

    /*login page*/
    .landing-page.main-wrapper {
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    /*dashboard carousel caption*/
    .carousel .item-inner .item-caption {
        left: 1153px;
    }

    /*lonsec tv page*/
    #lonsecTV.main {
        padding-right: 200px;
        padding-left: 200px;
    }
}

@media screen and (max-width: 1280px) {

    /*IR-2019 Trial Label on header is weird*/
    .subscription-alert div {
        display: inline-block;
    }
}

.btn-grey:hover {
    color: white;
    background-color: darkgrey;
}

input[type="search"].select2-search__field {
    height: 28px;
    margin-bottom: 0;
}

.select2-container--default .select2-selection--single {
    border-color: #cccccc !important;
}

.tooltip-inner a {
    color: #ffffff
}


/* new */
.arial-mt-std-light {
    font-family: Arial MT Std Light !important;
}

.dropdown-toggle::after,
.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.21em;
    content: "";
    border-left: 0.3em solid rgba(255,255,255,0);
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    vertical-align: 0 !important;
    margin-right: 0.5em
}

.dropdown-toggle[aria-expanded=true]::after {
    content: "\f106";
}

.btn.dropdown-toggle::after {
    float: right;
}

.btn-group > .btn:first-child.dropdown-toggle {
    text-align: left;
}
/*scrollbar style custom*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(255,255,255,0);
}


::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #7F7F7F;
}

body {
    /*border: 1px solid grey;
    overflow: scroll;
    display: inline-block;*/
    scrollbar-width: thin;
    scrollbar-color: red;
}
/*end scrollbal style custom*/


/* custom */
.nav-pills .nav-link {
    border-radius: 0px;
    color: #009CDE;
    /* text-transform: uppercase; */
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: #fff;
        background-color: #009CDE;
    }

.table-market th,
.table-market td {
    height: 40px !important;
    padding-left: 10px;
    text-transform: none !important;
    font-size: 12px;
    font-family: Arial, Helvetica, Calibri;
}

.table-market tfoot td {
    font-family: Arial MT Std Light !important;
    font-size: 14px !important;
    color: #323232;
}

.page-heading h2 {
    color: #282829 !important;
    font-size: 30px;
}


.chevron-style {
    padding-left: 10px;
    color: #757575
}

.dropdown-item a:hover {
    color: white !important;
}

.dropdown-item.active {
    background-color: #EBEBEB;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #e9ecf1;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #e9ecf1;
}

.btn-outline-secondary:hover {
    background-color: #EBEBEB;
    color: #757575;
}

.btn-outline-secondary:active {
    background-color: #EBEBEB;
    border-color: #EBEBEB;
    color: #757575;
}

.btn-outline-primary:hover {
    background-color: #009CDE;
    border-color: #009CDE;
    color: #fff;
}

.btn-outline-primary:active {
    background-color: #009CDE;
    border-color: #009CDE;
    color: #FFF;
}

.btn-outline-primary {
    color: #009CDE;
    border-color: #009CDE;
}


.card-market {
    background-color: white;
    border: none;
    min-height: 330px;
    margin-bottom: 20px;
}


.ribbon-blue {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 12px;
    left: -5px;
    color: #ffffff;
    background: #009CDE;
}

.ribbon-wrapper {
    position: relative;
    padding-top: 40px;
}

.card-market .card-title {
    font-size: 28px;
    font-weight: normal !important;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}

.col-xs-5ths {
    width: 20%;
    float: left;
    margin: 0 auto;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}


.card-btn-wrapper {
    background-color: white;
    text-align: center;
    padding-bottom: 20px;
}

input[type="checkbox"]:after {
    line-height: 1.5em;
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: white;
    border: 1px solid #dbd9d9;
    border-radius: 3px;
}

input[type="checkbox"]:checked:after {
    content: '✔';
    text-align: center;
    background-color: #0161af;
    border: none;
    color: #ffffff;
    border-radius: 3px;
}

input[type="checkbox"].input-validation-error + span:after {
    content: " *";
    color: #D2001E
}

input[type="checkbox"]:indeterminate:after {
    content: "\f068";
    font: normal normal normal 12px/1.5 FontAwesome;
    text-align: center;
    background-color: white;
    border: 1px solid #dbd9d9;
    border-radius: 3px;
}

input[type="checkbox"] {
    margin-right: 9px;
}

    input[type="checkbox"]:disabled::after {
        background-color: #e2e2e2;
    }

.accordion-heading > a.accordion-toggle {
    display: block;
}

#pagemenu li.tab a:hover {
    color: #009CDE !important;
    text-decoration: none;
}

#pagemenu.nav.nav-tabs > li.active {
    border-bottom: 2px solid #009CDE;
}

#pagemenu.nav-pills .nav-link {
    text-transform: none;
}

.content-page > #pagemenu.nav.nav-tabs {
    border-bottom: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    list-style: none;
}

#pagemenu.nav.nav-tabs > li.active {
    border-bottom: 2px solid #009CDE;
}

#pagemenu.tabs {
    background-color: #eeeeee;
    margin: 0 auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

    #pagemenu.tabs li.tab {
        background-color: rgba(255,255,255,0);
        display: block;
        float: left;
        margin: 0;
        text-align: center;
        position: relative;
        padding: 10px;
    }

#pagemenu.nav.nav-tabs > li.tab:first-child {
    color: #009CDE;
    /*background: url(/Images/icon-key.png) no-repeat scroll 55px 11px;*/
}


/*Sidebar css*/
body .side-menu.left {
    height: 950px;
    margin-bottom: -60px;
    padding-bottom: 0px;
    transition: width 500ms ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

.side-menu.left {
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    /*position: sticky;*/
}

.side-menu {
    bottom: 0;
    top: 0;
    width: 267px;
    z-index: 2;
}

.side-menu-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    flex: 1 0 850px;
}

.side-menu.left.position-fixed .side-menu-inner {
    flex: 1 0 850px;
}


.side-menu-content {
    overflow: hidden;
    width: 100%;
}

.side-menu.left.position-fixed .side-menu-content {
    height: 850px;
    padding-bottom: 100px;
}

.content-page {
    overflow: hidden;
    width: 100%;
    min-height: 101vh;
}

.content-page-inner {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 20px 5px 15px 5px;
}

div.form-group.fund-search {
    margin-bottom: 15px !important;
}

@media screen and (min-width: 1600px) {
    .container {
        max-width: 1880px;
    }
}

#formSearch {
    display: flex;
}


#search-filter-inner {
    background-color: white;
    overflow: visible;
    position: relative;
    -webkit-transition: left 500ms ease;
    -moz-transition: left 500ms ease;
    -ms-transition: left 500ms ease;
    -o-transition: left 500ms ease;
    transition: left 500ms ease;
    padding-left: 20px;
    max-height: 850px;
    padding-bottom: calc(1000px - 100vh);
}

    #search-filter-inner form {
        margin: 0;
    }

    #search-filter-inner label {
        color: #1E1E1E;
        font-size: 12px;
    }

        #search-filter-inner label input[type="checkbox"],
        #search-filter label input[type="radio"] {
            display: inline;
            margin-right: 8px;
        }


#search-filter {
    background: rgba(255,255,255,0);
    padding: 0;
    position: relative;
}

.hideHeader #search-filter {
    background: rgba(255,255,255,0);
}



#surveyContent .chosen-container .chosen-results li.highlighted,
#tabFundComparisonLoadDiv .chosen-container .chosen-results li.highlighted,
#search-filter-inner .chosen-container .chosen-results li.highlighted {
    background: #009CDE;
    background: rgba(0,156,222, 0.2);
    color: #1E1E1E;
}

.search-filter-wrapper {
    padding: 0px 20px 8px 0px;
    background-color: rgba(255,255,255,0);
}

    .search-filter-wrapper .input-append {
        margin-bottom: 0;
    }

        .search-filter-wrapper .input-append input {
            width: 177px;
            height: 22px;
            padding: 4px 10px;
            border: none;
            color: #1E1E1E;
            font-size: 12px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

        .search-filter-wrapper .input-append .add-on {
            padding: 6px;
            margin-top: -10px;
            margin-left: -4px;
            border: none;
            background-color: #1E1E1E;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

            .search-filter-wrapper .input-append .add-on button {
                width: 18px;
                height: 18px;
                border: none;
                background: url(/Images/icon-search.png);
                background-position: 0 -18px;
            }

#search-filter-title,
#my_search {
    display: inline-block;
    color: #1E1E1E !important;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
}

    #search-filter-title h5 {
        display: inline-block;
        margin-right: 20px;
        margin-left: 10px;
        font-family: Arial, Helvetica, Calibri;
        cursor: pointer;
    }

        #search-filter-title h5:hover {
            text-decoration: underline;
        }

#search-filter .accordion {
    margin-bottom: 0;
    padding: 12px;
}

#search-filter .search-filter-wrapper .accordion {
    padding: 0;
}

.accordion-group {
    border: none;
    /*margin-bottom: 10px;*/
    border-top: 1px solid #ededed;
    padding: 18px 0;
}

    .accordion-group:last-child {
        margin-bottom: 0;
    }

.accordion-toggle {
    font-weight: bold;
    padding: 0 !important;
}

    .accordion-toggle:hover {
        text-decoration: none;
    }

    .accordion-toggle > span {
        color: #1E1E1E;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }

        .accordion-toggle > span.accordion-toggle-chevron {
            /*background-color: #1E1E1E;*/
            color: #757575;
            font-size: 18px;
            /*margin-right: 6px;*/
            padding: 1px 8px 2px;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            float: right;
        }

    .accordion-toggle.collapsed > span.accordion-toggle-chevron {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .accordion-toggle > span.last-child {
        color: #828282;
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

.accordion-inner {
    border-top: none;
    padding: 8px 0px 0px 0px;
}

    .accordion-inner input[type="text"] {
        font-size: 12px;
    }

    .accordion-inner select {
        width: 100%;
    }

#search-filter-inner .accordion {
    padding-right: 20px;
}

/*End of sidebar css*/

ul.tab-actions.pull-right > li:last-child {
    padding-right: 0;
}

a.btn.btn-inline.btn-outline-secondary > i.fa {
    position: absolute;
    right: 8%;
    top: 26%;
}

#search-filter-inner .btn-search {
    padding: 10px 20px 10px 0;
    background-color: rgba(255,255,255,0);
    text-align: center;
}
/*.btn-search .btn.btn-outline-dark {
    padding: 5px 77px;
    background-color: white;
    color: black;
}*/
#reset-filters,
#clear_all {
    padding: 0px 20px 0px 0px;
    float: right;
    margin-top: 12px;
    color: #828282;
    font-size: 12px;
}

    #reset-filters:hover,
    #clear_all:hover {
        cursor: pointer;
    }

#unselect-all, #select-all, #delete-all {
    margin: 0;
    font-size: 12px;
}

#search-filter-inner .chosen-drop {
    width: 107%;
}
/*html, body {
    height:100%;
}
#body {
    min-height:81%;
}*/

@media screen and (max-width: 1180px) {
    .container {
        max-width: 1438px !important;
    }

    #header #header-tools-container {
        flex: 1 1 375px;
        padding-left: 15px;
    }
}

#search-collapse-show {
    background-color: #1E1E1E;
    color: #adadad;
    cursor: pointer;
    font-size: 23px;
    padding: 3px 9px 5px 6px;
    position: sticky;
    top: 0;
    height: 27px;
}

#search-collapse {
    background-color: #e2e2e2;
    color: white;
    cursor: pointer;
    font-size: 20px;
    width: 25px;
    padding: 0 5px 5px;
    text-align: center;
}

.btn-padding {
    padding: 5px 40px;
}

.btn.btn-outline-dark.btn-pill:hover {
    color: white;
}

/*Overwrite pagination*/
.page-item.active .page-link {
    background-color: #009CDE;
    border-color: #009CDE;
}

.page-link {
    color: #009CDE;
}

.hidden {
    display: none;
}

#alertMessage .modal-dialog {
    max-width: 540px;
}

.btn-outline-dark:hover {
    background-color: #009CDE;
    border-color: #009CDE;
}


.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    background-color: #009CDE;
    border-color: #009CDE;
}

/*radio button color black*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000 !important;
}

.custom-radio .custom-control-input:checked[disabled=disabled] ~ .custom-control-label::before {
    opacity: 0.5;
}

.custom-control-label {
    padding-top: 3px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #000;
}

.custom-control-input:active ~ .custom-control-label::before {
    background-color: #d9dcde;
}

/*Select2 overwrite*/
.select2-container .select2-selection--single {
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}

span.select2-container.select2-container--default.select2-container--below,
.select2-selection.select2-selection--multiple {
    border-color: gainsboro !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #009CDE !important;
    color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected=false] {
    background-color: #eaeaea !important;
    color: black !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ededed !important;
    border: 1px solid rgba(255,255,255,0) !important;
    border-radius: 15px !important;
    white-space: normal;
    height: auto;
    word-wrap: break-word;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    margin: 0 0 0 6px;
    font-size: 13px;
}

.select2-dropdown.select2-dropdown--below {
    border-top: none !important;
    border-right: 1px solid gainsboro !important;
    border-bottom: 1px solid gainsboro !important;
    border-left: 1px solid gainsboro !important;
}

.select2-dropdown.select2-dropdown--above {
    border-top: 1px solid gainsboro !important;
    border-right: 1px solid gainsboro !important;
    border-bottom: none !important;
    border-left: 1px solid gainsboro !important;
}

.select2-container--below.select2-container--open .select2-selection.select2-selection--multiple {
    border-bottom: none !important;
}

.select2-container--above.select2-container--open .select2-selection.select2-selection--multiple {
    border-top: none !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 0.5em;
    content: "";
    border-left: 0.3em solid rgba(255,255,255,0);
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    vertical-align: 0 !important;
    margin-right: 0.5em;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
}

span.select2-container.select2-container--default.select2-container--below {
    outline: none;
}

.select2-selection__arrow > b {
    display: none;
}

span.select2-selection.select2-selection--single {
    outline: none;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    background-color: rgba(0,156,222, 0.2) !important;
    color: #000 !important;
    background-image: none;
    border: none;
}

.collapsible td div:first-child:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/Images/icon-chevron-right.png") no-repeat;
    border: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -16px;
    margin-top: 0px;
}

.collapsible td div.collapsed:first-child:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/Images/icon-chevron-right.png") no-repeat;
    border: none;
    -webkit-transform: none;
    transform: none;
    margin-left: -20px;
    margin-top: 0px;
}

.sector_collapsible.collapsed td:first-child:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/Images/icon-chevron-right.png") no-repeat;
    border: none;
    -webkit-transform: none;
    transform: none;
    margin-top: 0px;
    margin-right: 12px;
    margin-left: -4px;
}

.sector_collapsible td:first-child:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/Images/icon-chevron-right.png") no-repeat;
    border: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 8px;
    margin-top: 0px;
}


.fade.in {
    opacity: 1;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.in {
    opacity: 0.5;
}

/*remove select2 clear all button*/
/*.select2-selection__clear {
    display: none;
}*/
/*LBAU-1003: Allow user to deselect the following inputs: Platform Filter, Product Group Filter, Model Portfolio Group in Portfolio Construction Page*/
.select2-selection--multiple .select2-selection__clear {
    display: none;
}

#QueryString {
    background: url(/Images/icon-search.png) no-repeat scroll 95.4% 95%;
    background-size: 11px 23px;
    padding: 5px 20px 5px 9px;
}

.custom-alert {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    max-width: 60%;
    z-index: 9999;
    box-shadow: 0px 3px 6px #00000029;
}

    .custom-alert.topRight {
        max-width: 300px;
        margin-right: 10px;
    }

span.mandatory {
    color: red;
    font-weight: bold;
}

/*IE 10 and above */
_:-ms-lang(x), .custom-alert {
    left: 30%;
}

/*override reboot.scss*/
button:focus {
    outline: none;
}


.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    display: none;
}

.tab-actions .dropdown-menu {
    -ms-transform: translate(0%,31px) !important;
}





@media screen and (min-height: 200px) and (max-height: 459px) {
    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 80%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 60%) !important;
    }

    _:-ms-lang(x), #search-filter-inner {
        padding-bottom: calc(1000px - 180vh);
    }
}

@media screen and (min-height: 460px) and (max-height: 487px) {
    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 80%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 50%) !important;
    }

    _:-ms-lang(x), #search-filter-inner {
        padding-bottom: calc(1000px - 150vh);
    }
}


@media screen and (min-height: 488px) and (max-height: 560px) {
    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 80%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 45%) !important;
    }

    _:-ms-lang(x), #search-filter-inner {
        padding-bottom: calc(1000px - 125vh);
    }
}

@media screen and (min-height: 562px) and (max-height: 585px) {

    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 80%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 45%) !important;
    }

    _:-ms-lang(x), #search-filter-inner {
        padding-bottom: calc(1000px - 110vh);
    }
}

@media screen and (min-height: 586px) and (max-height: 650px) {

    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 53%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 35%) !important;
    }

    _:-ms-lang(x), #search-filter-inner {
        padding-bottom: calc(1000px - 105vh);
    }
}

@media screen and (min-height: 650px) and (max-height: 700px) {

    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 40%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 35%) !important;
    }
}

@media screen and (min-height: 701px) and (max-height: 800px) {

    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 35%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 25%) !important;
    }
}


@media screen and (min-height: 801px) and (max-height: 900px) {

    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 22%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 10%) !important;
    }
}

@media screen and (min-height: 900px) and (max-height: 950px) {

    _:-ms-lang(x), .left.side-menu .slimscrollright {
        max-height: calc(100% - 15%) !important;
    }

    _:-ms-lang(x), .left.side-menu.position-fixed .slimscrollright {
        max-height: calc(100% - 0%) !important;
    }
}

div.paragraph {
    font-family: Arial, Helvetica, Calibri, FontAwesome !important;
    font-size: 12px !important;
    color: #1E1E1E;
    margin-top: 0;
    margin-bottom: 1rem;
}

/* tab override */
.nav-tab-container ul.nav-tabs {
    border-bottom: 1px solid #A8A8A8;
}

.nav-tab-container ul.nav-tabs, .nav-tab-container .nav-tab-scroller {
    margin-bottom: 15px;
}

.nav-tab-container ul.nav-pills {
    margin-bottom: 15px;
}

.nav-tab-container ul.nav-tabs li.nav-item a.nav-link {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 25px;
    padding-left: 25px;
    color: #6A6A6A;
    font-size: 15px;
    text-decoration: none;
    text-transform: capitalize;
}

.nav-tab-container ul.nav-tabs.nav-small li.nav-item a.nav-link {
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

.nav-tab-container ul.nav-tabs li.nav-item a.nav-link.active {
    background: none;
    color: #009CDE;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid #009CDE;
}

.nav-tab-container ul.nav-tabs li.nav-item a.nav-link:not(.active) {
    background: none;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid transparent;
}

.nav-tab-container ul.nav-tabs li.nav-item a.nav-link.active:hover {
    background: none;
}

.nav-tab-container ul.nav-tabs li.nav-item.disabled,
.nav-tab-container ul.nav-tabs li.nav-item.disabled .nav-link,
.nav-tab-container ul.nav-tabs li.nav-item .nav-link.disabled {
    color: #dee2e6;
    cursor: pointer;
}

.nav-tab-container ul.nav-tabs li.nav-item a.nav-link:not(.active):hover {
    background: none;
    border-left: 1px solid #A8A8A8;
    border-top: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    border-bottom: 2px solid transparent;
}

.nav-tab-container ul.nav-pills:not(.nav-tabs) li.nav-item {
    margin-right: 0.25rem;
}

    .nav-tab-container ul.nav-pills:not(.nav-tabs) li.nav-item a.nav-link {
        line-height: 1.1;
        font-size: 13px;
        color: #4D4F5C;
    }

.nav-tab-container ul.nav-small.nav-pills:not(.nav-tabs) li.nav-item a.nav-link {
    font-size: 11px;
}

.nav-tab-container ul.nav-pills:not(.nav-tabs) li.nav-item a.nav-link.active {
    border-radius: 10rem;
    border: 1px solid transparent;
    color: #fff;
    background-color: #009CDE;
}

.nav-tab-container ul.nav-pills:not(.nav-tabs) li.nav-item a.nav-link:not(.active) {
    border-radius: 10rem;
    border: 1px solid #CED4DA;
}

    .nav-tab-container ul.nav-pills:not(.nav-tabs) li.nav-item a.nav-link:not(.active):hover {
        background-color: #EBEBEB;
        color: #757575;
    }
/* tab override */

/* header */
.card .card-body h5 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-weight: lighter;
}
/* header */

.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding-left: 5px;
    padding-right: 5px;
}

.bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAnUlEQVQ4y+3PvYlCURCG4UcNBMHE1G1AKzhg4JqZKjawgYkmE1mCGJ5si9gK7OAUoX3IwoKJ0cVfNjG4L0wy8zHzDu9K41EgIjrYYpNz/r2XbT5xcI0Vlv8yi4gh9vjAAdOc8/FWvnVnUQM7jC+tHqSU9qWUl9/8xKzS+8LoJbOI6OIbg8qojX5K6aeU8ves2eJicLpSE8zV1NRUOAN1myA6tYvWRgAAAABJRU5ErkJggg==) !important;
}

.bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAApElEQVQ4y+3SvYlCURCG4cdVcPtY7eE0IFZgYAfCJrcL00mMDLSARTEz00Q4FQhmG2xuBYqpLOeKhqIvTDLfzDB/vHnzyjRKzqqqhpjjXJA/MIqIWUkoscAGnwXb4aeU1Cw5c86nlNIvBmhfSUd8R8RBTct17PB/lCW2D+3sandfWKODP/QjYl8X37xVLOd8TCmd0cM4Ila34lt3XHyKLibP+7QXVzEkdRjjdh8AAAAASUVORK5CYII=) !important;
}

.ph-item,
.ph-picture {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.ph-picture {
    background-color: #8e8e8e;
}

/* rounded-checkbox */
ul.rounded-checkbox {
    list-style: none;
    padding: 0;
}

    ul.rounded-checkbox li {
        display: inline;
    }

        ul.rounded-checkbox li label {
            display: inline-flex;
            background-color: rgba(255, 255, 255, .9);
            border: 1px solid rgba(139, 139, 139, .3);
            color: #adadad;
            border-radius: 25px;
            white-space: nowrap;
            margin: 3px 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            transition: all .2s;
        }

        ul.rounded-checkbox li label {
            padding: 3px 8px 2px 4px;
            cursor: pointer;
        }

            ul.rounded-checkbox li label::before {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family: "FontAwesome";
                font-weight: 900;
                padding: 2px 6px 2px 2px;
                content: "\f111";
                font-size: 1.5em;
                /* transition: transform .3s ease-in-out; */
            }

        ul.rounded-checkbox li input[type="checkbox"]:checked + label::before {
            content: "\f058";
            font-size: 1.5em;
            transform: rotate(-360deg);
            /* transition: transform .3s ease-in-out; */
            color: #009CDE;
        }

        ul.rounded-checkbox li input[type="checkbox"]:checked + label {
            border: 1px solid #ccc;
            background-color: white;
            color: #666;
            /* transition: all .2s; */
        }

        ul.rounded-checkbox li input[type="checkbox"] {
            display: absolute;
        }

        ul.rounded-checkbox li input[type="checkbox"] {
            position: absolute;
            opacity: 0;
        }

            ul.rounded-checkbox li input[type="checkbox"]:focus + label {
                border: 1px solid #ccc;
            }
/* rounded-checkbox */

img[src="/Images/icon-product-like-this.png"] {
    width: 18px;
    max-width: 18px;
    min-width: 18px;
}

.badge-primary {
    background-color: #009CDE;
}

#report-cart-badge {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
}

#report-cart #report-cart-empty {
    display: none;
}

#report-cart.empty #report-cart-badge,
#report-cart.empty > .dropdown-menu > div:nth-child(n+2) {
    display: none !important;
}

#report-cart.empty #report-cart-empty {
    display: block !important;
}

#report-cart-body {
    min-height: 50px;
    max-height: 400px;
    overflow-y: auto;
}

    #report-cart-body td:first-child {
        padding-right: 20px;
    }

    #report-cart-body td {
        padding-bottom: 10px;
        vertical-align: top;
    }

#report-cart .dropdown-menu {
    min-width: 366px;
}


/*Picklist*/
.picklist-d-none {
    display: none !important;
}

.picklist select.picklist-source option.hide,
.picklist select.picklist-source option.selected {
    display: none !important;
}

@media screen and (max-width: 1199px) {
    .custom-mt-4 {
        margin-top: 1.5rem !important;
    }
}

/*end Picklist*/

/*Navbar button group style*/
.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item a.nav-link.active {
    background: #009CDE;
    color: white;
    border: solid 1px transparent;
    border-radius: 0px;
}

.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item a.nav-link:not(.active) {
    background: white;
    color: #009CDE;
    border: solid 1px transparent;
}

.nav-button-group .nav-tab-container ul.nav-tabs {
    border-bottom: none;
}

.nav-button-group .nav-tab-container ul.nav-tabs, .nav-tab-container .nav-tab-scroller {
    margin-bottom: 6px;
}

.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item a.nav-link {
    padding: 5px;
    font-size: 13px;
}

.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item:first-child a.nav-link.active:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item:last-child a.nav-link.active:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item:last-child a.nav-link:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.nav-button-group .nav-tab-container ul.nav-tabs li.nav-item:first-child a.nav-link:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.nav-button-group .nav-tab-scroller > .scroller-wrapper > .nav-tabs li:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.nav-button-group .nav-tab-scroller > .scroller-wrapper > .nav-tabs li:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: 1px solid #cccccc;
}

.nav-button-group .nav-tab-scroller > .scroller-wrapper > .nav-tabs li {
    border: 1px solid #cccccc;
    border-right: 0px;
}

.nav-button-group .nav-tabs {
    border: none;
}

/*End Navbar button group style*/
@charset 'UTF-8';
/*
 * jQuery File Upload UI Plugin CSS 6.3
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .ui-button,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.files .progress {
  width: 200px;
}
.files .progress,
.fileupload-buttonbar .progress {
  height: 20px;
}
.files .ui-progressbar-value,
.fileupload-buttonbar .ui-progressbar-value {
  background: url('img/progressbar.gif');
}
.fileupload-buttonbar .fade,
.files .fade {
  display: none;
}
.fileupload-loading {
  position: absolute;
  left: 50%;
  width: 128px;
  height: 128px;
  background: url('img/loading.gif') center no-repeat;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}

/* Fix for IE 6: */
*html .fileinput-button {
  margin-right: -2px;
}
*html .fileinput-button .ui-button-text {
  line-height: 24px;
}
*html .fileupload-buttonbar .ui-button {
  margin-left: 3px;
}

/* Fix for IE 7: */
*+html .fileinput-button {
  margin-right: 1px;
}
*+html .fileinput-button .ui-button-text {
  line-height: 24px;
}
*+html .fileupload-buttonbar .ui-button {
  margin-left: 3px;
}

@media (max-width: 480px) {
  .files .preview * {
    width: 40px;
  }
  .files .name * {
    width: 80px;
    display: inline-block;
    word-wrap: break-word;
  }
  .files .progress {
    width: 20px;
  }
  .files .delete {
    width: 60px;
  }
}

/* Fix for Webkit (Safari, Chrome) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .fileinput-button {
    margin-top: 2px;
  }
}