/*--------------------------------------------

++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++   Table of Content   +++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++

1
General Layout

1.1 - HTML (general)
1.2 - Header
1.3 - Body Content
1.4 - Footer

2
Fonts

2.1 - Custom Font
2.2 - Font Family
2.3 - Font Size

3
Login

4
Components

4.1 - Headers
4.2 - Paragraphs
4.3 - Navigation
4.4 - Language selector
4.5 - Lists
4.6 - Tables
    4.6.1 - Table Legend
    4.6.2 - Table Number of Lines
    4.6.3 - Table General
    4.6.4 - Table Header
    4.6.5 - Table Body
    4.6.6 - Table toplevel cells
    4.6.7 - Table global toplevel cells
    4.6.8 - Table information
    4.6.9 - Table pagination
	4.6.10 - Table alignments
4.7 - Buttons
    4.7.1 - Export buttons
    4.7.2 - Filter buttons
    4.7.3 - Back button
    4.7.4 - Customer button
    4.7.5 - Panelinformation button
    4.7.6 - Search Button
    4.7.7 - Send button
    4.7.8 - Add button
    4.7.9 - Password button
    4.7.10 - Add Hierarchy button
    4.7.11 - Cancel button
    4.7.12 - OK button
    4.7.13 - Drilldown button
    4.7.14 - Select Hierarchy Button
    4.7.15 - Print Button
4.8 - Links
4.9 - Icons
4.10 - Forms
4.11 - Toasts, Modals, Popups, Tooltips
4.12 - Search
4.13 - Login
4.14 - Accordion
4.15 - Spinner
4.16 - Tabs
4.17 - Filtersettings
4.18 - (SVG) Graphics
4.19 - Information panel
4.20 - Information tiles
4.21 - Dynamic Dashboard
4.22 - Text Analysis
4.23 - Font Awesome
4.24 - User Maintenance Form + News Entry
4.25 - Static HTML Pages
4.26 - Field Report
4.27 - AudioFile Player
4.28 - Action Planner
4.29 - Summary Report Table
4.30 - Favourites

5
Media Queries


--------------------------------------------*/

/*--------------------------------------------
1
General Layout
--------------------------------------------*/

/* ---------- 
1.1
HTML (general)
---------- */

.end,
.clearBoth {
    clear: both;
}

:focus {
    outline: 0;
}

/* ---------- 
1.2
Header
---------- */

/* ---------- 
1.3
Body Content
---------- */

/*#pushInformationControlDiv {
    position:fixed;
    top:5px;
    left:calc(60% - 200px);
    z-index:40;
}*/

/*#mainDataContentDiv {
    margin-top: 10px;
}*/

/*#contentHolderDiv {
    margin: 0 auto;
    padding: 0 40px;
}*/

/*.combinedFilterDiv,*/
#exportToExcelButton,
#exportToPdfButton,
.ui-multiselect-menu,
.selectBoxListDiv,
#ui-datepicker-div 
/*NEW in scss - mixin shadow!!! */
 {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
}



/*.combinedFilterDiv,*/
.ui-multiselect-menu,
.selectBoxListDiv,
#ui-datepicker-div,
.drawingsToolTipMenu {
    background-color: #fff;
}

/* ---------- 
1.4
Footer
---------- */


/*--------------------------------------------
2
Fonts
--------------------------------------------*/
    /* ---------- 
Arabic Font settings
---------- */
    .arabic {
        text-align: right;
        padding-right: 16px;
    }

/* ---------- 
2.1
Custom font
---------- */

/* rubik-regular */
@font-face {
    font-family: 'rubik-regular';
    font-style: normal;
    font-weight: 400;
    src: url('Fonts/rubik-regular.eot'); /* IE9 Compat Modes */
    src: local('Rubik'), local('Rubik-Regular'), url('Fonts/rubik-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Fonts/rubik-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('Fonts/rubik-regular.woff') format('woff'), /* Modern Browsers */
    url('Fonts/rubik-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Fonts/rubik-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 */
@font-face {
    font-family: 'rubik-700';
    font-style: normal;
    font-weight: 700;
    src: url('Fonts/rubik-700.eot'); /* IE9 Compat Modes */
    src: local('Rubik Bold'), local('Rubik-Bold'), url('Fonts/rubik-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Fonts/rubik-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('Fonts/rubik-700.woff') format('woff'), /* Modern Browsers */
    url('Fonts/rubik-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Fonts/rubik-700.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* ---------- 
2.2
Font family
---------- */

/** {
    font-family: "rubik-regular", "sans-serif" !important;
}*/

/* ---------- 
2.3
Font size
---------- */

/* 

Modules become em

Base = html font-size:
1 em = 16px

    -> 1 em     = 16px (1 x 16px)
    -> 1.5 em   = 24px (1.5 x 16px)  
    -> 0.5 em   = 8px (0.5 x 16px)  

*/

/*html {
    font-size: 16px !important;
}*/

/* MODULE: Login */
/*#loginHeader,
#forgotPasswordHeader {
    font-size: 1.5em;
}

#login_box p {
    font-size: 1em;
}

.login_button span,
.login_inpfield,
#forgotPasswordSpan {
    font-size: 0.9em;
}

#forgotPasswordStep1RefreshCaptchaSpan {
    font-size: 0.8em;
}*/

/* MODULE: Header */
/*
#headline span#mainMasterPageHeaderTitleSpan {
    font-size: 1.5em;
}
*/

/* MODULE: Footer */
/*#informationsDiv,
.footertext {
    font-size: 0.7em;
}*/

/* MODULE: Navigation */
/*#navbar #upper_navigation_bar li a,
#footer > .navbar .nav > li a {
    font-size: 0.7em;
}*/

/* MODULE: Language selector */
/*.nav_country .dd .ddTitle .ddTitleText,
.nav_country .dd .ddChild li .ddlabel {
    font-size: 0.7em;
}*/

/* MODULE: Static HTML Pages */
.pageTitleDiv h1,
.pageTitleDiv h1.overviewpage,
#mainContentDivWithoutSidebars h2.StudyLabelHeader,
#mainContentDivWithoutSidebars h2 {
    font-size: 1.5em;
}

    #mainContentDivWithoutSidebars h2 span,
    .downloadSectionSingleDiv a {
        font-size: 0.8em;
    }

#mainContentDivWithoutSidebars p,
#mainContentDivWithoutSidebars ul li,
#mainContentDivWithoutSidebars p a, #mainContentDivWithoutSidebars p a:visited, #mainContentDivWithoutSidebars p a:active,
#mainContentDivWithoutSidebars ul,
#mainContentDiv .downloadSectionDiv p {
    font-size: 0.9em;
}

/* MODULE: Headers / Titles */
#reportTitle,
#CategoryTextAnswersTextHeader,
.textAnalysisImpactDataHeaderClass,
.pageTitleDiv h1,
.pageTitleDiv h1.overviewpage,
#mainContentDivWithoutSidebars h2.StudyLabelHeader,
#mainContentDivWithoutSidebars h2 {
    font-size: 1.5em;
}

#mainContentDivWithoutSidebars h2 span {
    font-size: 0.8em;
}

#changePasswordLegendSpan,
#login_box fieldset legend,
#changePasswordHolderDiv fieldset legend {
    font-size: 0em;
}

/* MODULE: Dynamic Report */


#dynamicReportDataTable tbody {
    cursor: pointer;
}

#drOverview_Stars {
    text-align: left;

}
/* MODULE: Tables */
/* MODULE: table childs */


/* Generic and DataTable Header ToolTips*/
#genericToolTipDiv, #dataTableCaptionToolTip {
    font-size: 0.8em;
}

/*div#opportunityCaseDetails > .opportunityDetailGroupDiv > .opportunityDetailLabelDiv,
div#opportunityCaseDetails > .opportunityDetailGroupDiv > .opportunityDetailContentDiv,
div#opportunityContactDetails > .opportunityDetailGroupDiv > .opportunityDetailLabelDiv,
div#opportunityContactDetails > .opportunityDetailGroupDiv > .opportunityDetailContentDiv,table.table_statements > tbody > tr > td,
table.dataTable > tbody > tr > td,*/
.reportAdditionalInformationHeader,
.reportAdditionalInformationContent/*,
.firstColumn,
.secondColumn*/ {
    font-size: 0.8em;
}

/* report (table) infobox */
.dataTables_info,
.dataTables_length li {
    font-size: 0.7em;
}


/* MODULE: Filtersettings */
/*.combinedFilterDiv {
    font-size: 0.7em;
}*/

input.selectBoxSearchInput,
#ui-datepicker-div {
    font-size: 0.85em;
}

.filterSettingDefault > .filterSettingsLabelDiv > .filterSettingsLabelSpanField {
    font-size: 1.43em;
}

/* MODULE: Dynamic Dashboard */
.drawingsToolTipMenu {
    font-size: 0.85em;
}



/* MODULE: Select Hierarchy Button */
#selectDesignHierarchy li {
    font-size: 0.7em;
}

/* MODULE: Information Panel */
.informationPanel .informationPanelContent p {
    font-size: 1em;
}

/* MODULE: Forms */
/*.leadManagementModuleFormPartDiv {
    font-size: 0.85em;
}*/

    /*.leadManagementTaskContentTextarea,
    .leadManagementTaskEmailReceiversInput,*/
    /*select.additionalReceiversSelect,
    select.firstReceiverSelect,
    select.assignedActionSelect,*/
    /*.leadManagementModuleFormPartDiv label,*/
    #changePasswordActualPasswordSpan,
    #changePasswordNewPasswordSpan,
    #changePasswordNewPasswordConfirmationSpan,
    #changePasswordActualPasswordInput,
    #changePasswordNewPasswordInput,
    #changePasswordNewPasswordConfirmationInput {
        font-size: 0.9em;
    }

/* MODULE: Tabs */
.tab-panels ul.tabs li {
    font-size: 1em;
}

/* MODULE: Information Tiles */
.landingPageBox-header,
.bar-chart-text {
    font-size: 1.2em;
}

.read-more-tag {
    font-size: 0.8em;
}

.landingPageBox-subheader {
    font-size: 1.5em;
}

.number-detail {
    font-size: 3em;
}

.text-detail {
    font-size: 1em;
}

.landingPage-title-close-button {
    cursor: pointer;
}

/* MODULE: Maintenance Form */
body .ui-dialog-title {
    font-size: 1em;
}

.userDataAddNewRowFormRow .userDataAddNewRowFormRowDivLabel,
.userDataAddNewRowFormRow .userDataAddNewRowFormRowDivContent,
#userDataAddUserHierarchyRowForm {
    font-size: 0.8em;
}

select.userAdministrationSelect option {
    font-size: 1.2em;
}

/* MODULE: Buttons */
/*#closeOpportunityDetailsDiv,*/
.togglebutton_text_visible_hotalerts,
.informationButtonSpanText,
#textAnalysisWordSearchFilterSpan,
.genericButton {
    font-size: 1em;
}

.passiveDrillDownSelection > span {
    font-size: 0.8em;
}

.leadManagementAddTaskButton {
    font-size: 1.18em;
}

/* MODULE: Text Analytics */


#textAnalysisWordSearchKeyWordFilterValue {
    font-size: 1em;
}

.textAnalysisWordSearchResultDataTableLevel_1_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_1_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_1_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_1_LabelDiv {
    font-size: 1em;
}

.textAnalysisWordSearchResultDataTableLevel_2_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_2_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_2_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_2_LabelDiv {
    font-size: 0.9em;
}

.textAnalysisWordSearchResultDataTableLevel_1_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_1_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_1_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_1_CounterDiv,
.textAnalysisWordSearchResultDataTableLevel_2_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_2_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_2_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_2_CounterDiv,
.textAnalysisWordSearchResultDataTableLevel_3_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_3_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_3_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_3_LabelDiv,
.textAnalysisWordSearchResultDataTableLevel_3_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_3_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_3_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_3_CounterDiv,
.textAnalysisWordSearchResultDataTableLevel_4_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_4_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_4_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_4_LabelDiv,
.textAnalysisWordSearchResultDataTableLevel_4_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_4_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_4_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_4_CounterDiv,
.textAnalysisWordSearchResultDataTableLevel_5_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_5_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_5_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_5_LabelDiv,
.textAnalysisWordSearchResultDataTableLevel_5_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_5_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_5_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_5_CounterDiv,
.textAnalysisWordSearchResultDataTableLevel_6_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_6_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_6_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_6_LabelDiv,
.textAnalysisWordSearchResultDataTableLevel_6_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_6_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_6_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_6_CounterDiv,
.textAnalysisWordSearchResultDataTableLevel_7_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_7_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_7_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_7_LabelDiv,
.textAnalysisWordSearchResultDataTableLevel_7_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_7_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_7_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_7_CounterDiv {
    font-size: 0.8em;
}

.textAnalysisWordSearchResultDataTableContentDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswersContentDiv,
.textAnalysisCategoriesFrequenciesTrendAnswersContentDiv,
.textAnalysisCategoriesFrequenciesImpactAnswersContentDiv {
    font-size: 0.75em;
}


/* MODULE: SVG Graphics */
.dealerDashboardGraphicLegendSpan {
    font-size: 0.8em;
}

/*--------------------------------------------
3
Login
--------------------------------------------*/

/* login box */


/*--------------------------------------------
4
Components
--------------------------------------------*/
/*
4.1 - Headers
4.2 - Paragraphs
4.3 - Navigation
4.4 - Language selector
4.5 - Lists
4.6 - Tables
    4.6.1 - Table Legend
    4.6.2 - Table Number of Lines
    4.6.3 - Table General
    4.6.4 - Table Header
    4.6.5 - Table Body
    4.6.6 - Table toplevel cells
    4.6.7 - Table global toplevel cells
    4.6.8 - Table information
    4.6.9 - Table pagination
4.7 - Buttons
    4.7.1 - Export buttons
    4.7.2 - Filter buttons
    4.7.3 - Back button
    4.7.4 - Customer button
    4.7.5 - Panelinformation button
    4.7.6 - Search Button
    4.7.7 - Send button
    4.7.8 - Add button
    4.7.9 - Password button
    4.7.10 - Add Hierarchy button
    4.7.11 - Cancel button
    4.7.12 - OK button
    4.7.13 - Drilldown button
    4.7.14 - Select Hierarchy Button
4.8 - Links
4.9 - Icons
4.10 - Forms
4.11 - Toasts, Modals, Popups, Tooltips
4.12 - Search
4.13 - Login
4.14 - Accordion
4.15 - Spinner
4.16 - Tabs
4.17 - Filtersettings
4.18 - (SVG) Graphics
4.19 - Information panel
4.20 - Information tiles
4.21 - Dynamic Dashboard
4.22 - Text Analysis
4.23 - Font Awesome
4.24 - User Maintenance Form + News Entry
4.25 - Static HTML Pages

*/
/*--------------------------------------------
4.1
Headers
--------------------------------------------*/


/*
    My Profile
*/

.myProfile {
    padding: 0px;
    margin-right: -10px !important;
}

#navbar .nav_myprofile .myProfile .dropdown > a {
    font-size: 15px !important;
    margin: 5px;
    padding: 5px;
    color: #fff;
}

#navbar #profile_navigation li a {
    font-size: 0.7em;
    white-space: nowrap;
}

    #navbar #profile_navigation li.dropdown a.dropdown-toggle::before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f007";
        margin-right: 5px;
    }

.nav_myprofile {
    background-color: transparent;
    border-left: 20px solid transparent;
    border-bottom: 40px solid #95ACCB;
    position: relative;
    display: none;
}

#myProfileContainer .myProfileDropDownList {
    /*left: -449%;*/
    top: 43px !important;
    left: -120px;
}

#navbar #profile_navigation:hover li.dropdown ul.dropdown-menu {
    display: block;
    opacity: 1;
}

#navbar #myProfileContainer {
    border: none;
    background: #fff;
    padding: 0;
    border-radius: 0;
    min-height: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
}

.myProfileDropDownList:hover > a {
    border-top: 0px solid transparent !important;
}

#myProfileDataLiElement:after {
    right: 13.5px !important;
    left: auto !important;
}

#myProfileContainer {
    border: none;
    background: #fff;
    padding: 0;
    border-radius: 0;
    min-height: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
}

#navbar #profile_navigation li.dropdown ul.dropdown-menu {
    display: none;
    opacity: 0;
    transition: 600ms ease;
    margin: 0 -10px 0 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

#navbar #profile_navigation li.dropdown ul.dropdown-menu li a {
    padding-left: 25px;
    padding-right: 25px;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
}

#navbar #profile_navigation li.dropdown ul.dropdown-menu li a img {
    width: 33px;
    height: 33px;
    padding-right: 2px;
    margin-left: -15px;
    max-width: inherit;
}

#navbar #profile_navigation li.dropdown:hover ul.dropdown-menu {
    display: block;
    opacity: 1;
}

#navbar #profile_navigation li.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    opacity: 0;
    transition: 600ms ease;
}

#navbar #profile_navigation li.dropdown ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
}




.navbar #profile_navigation > li > .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: -7px;
    right: 22px;
    left: auto;
}

.navbar #profile_navigation > li > .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f9f9f9;
    position: absolute;
    top: -6px;
    right: 4px;
    left: auto;
}

.navbar #profile-message-count {
    background-color: #ca0e00;
    border-radius: 20px;
    width: 20px;
    height: 14px;
    position: relative;
    top: -42px;
    right: -3px;
    float: right;
    color: #fff;
    font-size: 10px;
    padding-top: 4px;
    text-align: center;
}
}
/*
    My Profile
*/
#countryLanguagesSelect_msdd {
    background-color: #f9f9f9;
}


/*#reportHeaderHolder {
    display: inline-block;
}

    #reportHeaderHolder > h1 {
        margin: 0 0 10px 0;
    }*/

h1 {
    font-weight: normal;
}

#CategoryTextAnswersTextHeader {
    color: #333;
    font-weight: bold;
    padding: 10px;
}

/*--------------------------------------------
4.2
Paragraphs
--------------------------------------------*/
p {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.welcome_text {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #f9f9f9;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5) 10px);
}

/*--------------------------------------------
4.3
Navigation
--------------------------------------------*/

#navbar {
    display: flex;
    min-height: 34px;
    justify-content: space-between;
    /*transition: all 0.2s linear;*/
    top: 150px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
}

    #navbar .navbar-inner {
        border: none;
        background: #fff;
        padding: 0;
        border-radius: 0;
        min-height: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        /*
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
        box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
        */
        width: 100%;
    }

#upper_navigation_bar {
    width: 100%;
    background: #EEEFF5;
    padding: 0;
}

/* first level ul/li */
#navbar .nav > li > a {
    cursor: pointer;
    padding: 10px;
    text-transform: uppercase;
    color: #777;
    box-shadow: none;
    text-shadow: none;
    transition: all 0.2s ease-in 0s;
    border-top: 1px solid transparent;
    background-color: transparent;
}

#navbar #upper_navigation_bar li.active > a,
#navbar #upper_navigation_bar li:hover > a {
    background-color: transparent;
    color: #1E8BC3;
    border-top: 1px solid #1E8BC3;
}

/* second level ul/li */
#navbar #upper_navigation_bar li.dropdown ul.dropdown-menu {
    display: none;
    opacity: 0;
    transition: 600ms ease;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

    #navbar #upper_navigation_bar li.dropdown ul.dropdown-menu li a {
        padding-left: 25px;
        padding-right: 25px;
        border: none;
        background: #f9f9f9;
        text-decoration: none;
        text-transform: uppercase;
    }

        #navbar #upper_navigation_bar li.dropdown ul.dropdown-menu li a img {
            width: 33px;
            height: 33px;
            padding-right: 2px;
            margin-left: -15px;
            max-width: inherit;
        }

#navbar #upper_navigation_bar li.dropdown:hover ul.dropdown-menu {
    display: block;
    opacity: 1;
}

#navbar #upper_navigation_bar li.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    opacity: 0;
    transition: 600ms ease;
}

#navbar #upper_navigation_bar li.dropdown ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
}

/* caret */
.dropdown .caret {
    margin-left: 12px;
}

#navbar .nav .dropdown-toggle .caret {
    margin-top: 6px;
    margin-left: 12px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
    -webkit-transition: border 0.2s ease-in 1s;
    -moz-transition: border 0.2s ease-in 1s;
    transition: border 0.2s ease-in 1s;
}

#navbar #upper_navigation_bar li:hover > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    display: none;
}

/* upper arrow on dropdown ul */
.navbar #upper_navigation_bar > li > .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: -7px;
    left: 9px;
}

.navbar #upper_navigation_bar > li > .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f9f9f9;
    position: absolute;
    top: -6px;
    left: 10px;
}

/* collapsed navigation */

/* hamburger */
#navbar button.btn-navbar {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-top: 0;
}

    #navbar button.btn-navbar > span {
        background: #22313F;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

/* overwrite bootstrap style */
#navbar .nav-collapse .nav > li > a,
#navbar .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0px;
}

#navbar .nav-collapse.in #upper_navigation_bar li a {
    background-color: #fff;
    border-radius: 0;
    border-top: 1px solid #e0e0e0;
    border-right: none;
    color: #3e3e3e;
    font-weight: normal;
}

#navbar .nav-collapse.in #upper_navigation_bar li:last-child a {
    border-bottom: 0;
}
/* styling the active link */
#navbar .nav-collapse.in #upper_navigation_bar li.active > a {
    background-color: #1e8bc3;
    color: #fff;
    border-right: none;
    border-right: none;
}
/* removing the bootstrap caret */
#navbar .nav-collapse.in #upper_navigation_bar li a.dropdown-toggle b {
    display: none;
}
/* inserting triangle in case a submenu is there -> inactive + active */
#navbar .nav-collapse.in #upper_navigation_bar li a.dropdown-toggle:after,
#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open ul.dropdown-menu li a.dropdown-toggle:after,
#navbar .nav-collapse.in #upper_navigation_bar li.active a.dropdown-toggle:after,
#navbar .nav-collapse.in #upper_navigation_bar li.active.dropdown.open ul.dropdown-menu li a.dropdown-toggle:after {
    content: "";
    position: absolute;
    top: 17px;
    margin-top: -2px;
    right: 10px;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
/* inserting triangle in case a submenu is there -> inactive */
#navbar .nav-collapse.in #upper_navigation_bar li a.dropdown-toggle:after,
#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open ul.dropdown-menu li a.dropdown-toggle:after {
    border-left: 5px solid #3e3e3e;
}
/* inserting triangle in case a submenu is there -> active */
#navbar .nav-collapse.in #upper_navigation_bar li.active a.dropdown-toggle:after,
#navbar .nav-collapse.in #upper_navigation_bar li.active.dropdown.open ul.dropdown-menu li a.dropdown-toggle:after {
    border-left: 5px solid #fff;
}
/* removing the hover effect: submenu opens on click */
#navbar .nav-collapse.in #upper_navigation_bar li.dropdown ul.dropdown-menu {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
}

#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open ul.dropdown-menu {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open > a {
    color: #1e8bc3;
}

#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open.active > a {
    color: #fff;
}

#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open > a:after {
    border-left: 5px solid #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.2s ease-in 0s;
}

.navbar .btn-navbar {
    float: left;
    margin-left: 0px;
}

/* styling the submenu */
#navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open ul.dropdown-menu li {
    background-color: #fff;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #fff #fff #fff #1E8BC3;
    margin: 0px 0px 0px 0px;
    border-radius: 0;
}

    #navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open ul.dropdown-menu li a {
        background-color: #fff;
        color: #3e3e3e;
    }

        #navbar .nav-collapse.in #upper_navigation_bar li.dropdown.open ul.dropdown-menu li a.active {
            background-color: rgba(30,139,195,0.4);
            border-width: 0px 0px 0px 6px;
            border-style: solid;
            border-color: #fff #fff #fff #1E8BC3;
            color: #fff;
        }

/****************
**  responsive nav country li
****************/

.navbar .nav-collapse.in #upper_navigation_bar li.nav_country {
    height: auto;
    float: left !important;
    width: 100% !important;
    background-color: #e0e0e0;
    border-radius: 0 !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    border-right: none;
    border-left: none;
    /* color: #fff !important;   >> comment SQ 13/2/19 */
}

.nav-collapse.in #upper_navigation_bar li.nav_country #countryLanguagesSelect_msdd, .ddTitle {
    height: auto;
    border: 0px solid #fff;
    width: 100% !important;
    padding-left: 0px;
    padding-right: 0px;
}

    .nav-collapse.in #upper_navigation_bar li.nav_country #countryLanguagesSelect_msdd:after {
        content: "";
        position: absolute;
        top: 8px;
        margin-top: -2px;
        right: 10px;
        width: 0px;
        height: 0px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #3e3e3e;
    }

.nav-collapse.in #upper_navigation_bar li.nav_country .dd .ddTitle.borderRadiusTp:after {
    display: none;
}

.nav-collapse.in #upper_navigation_bar li.nav_country .dd .ddTitle {
    border-radius: 0px;
    background: transparent;
    padding: 3px 0 3px 10px;
    transition: all 0.4s ease-in 0s;
}

    .nav-collapse.in #upper_navigation_bar li.nav_country .dd .ddTitle:hover {
        border-radius: 0px;
        background: transparent;
    }
/* nav sub menu */
.nav-collapse.in #upper_navigation_bar .dd .ddChild {
    position: relative !important;
    top: 0px !important;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .nav-collapse.in #upper_navigation_bar .dd .ddChild .enabled {
        border-width: 0px 0px 0px 1px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        margin: 0px 0px 0px 25px;
        border-radius: 0;
        background-color: #e0e0e0 !important;
        color: #fff !important;
        /*font: 13px Arial,Verdana,sans-serif;*/
        font-size: 13px;
    }
    /* active link */
    .nav-collapse.in #upper_navigation_bar .dd .ddChild .selected {
        background: #e0e0e0;
        border-width: 0px 0px 0px 1px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
    }

/*--------------------------------------------
4.4
Language selector
--------------------------------------------*/

.navbar .na_myprofile > li.nav_country {
    border: none;
    float: right;
    margin-top: 0;
}

.dd.ddcommon.borderRadius,
.dd.ddcommon.borderRadiusTp {
    width: 95% !important;
    padding: 5px 0 5px 10px;
    border-radius: 0;
    border: none;
}

.nav_country .dd .ddTitle .ddTitleText {
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 25px;
    /*color: #777;
    padding: 11px 20px 0 0;*/
}

.nav_country .dd .arrow {
    margin-top: -4px;
    right: 15px;
}

.nav_country .dd .ddTitle .ddTitleText img,
.nav_country .dd .ddChild ul li img {
    margin-top: -1px;
    width: 20px;
    height: 12px;
}

.countryLanguagesSelectOption {
    cursor: pointer;
}

/* dropdown */
.nav_country .dd .ddChild {
    border: none;
    background-color: #f9f9f9;
    left: -1px;
    border-radius: 0;
}

    .nav_country .dd .ddChild li {
        border-radius: 0;
    }

        .nav_country .dd .ddChild li .ddlabel {
            color: #777;
        }


/*--------------------------------------------
4.6
Tables
--------------------------------------------*/
/* report additional information */
/*.reportAdditionalInformation {
    margin-top: 10px;
}

.reportAdditionalInformationHeader,
.reportAdditionalInformationContent {
    margin-top: 5px;
}

.reportAdditionalInformationHeader {
    font-weight: bold;
}

.reportAdditionalInformationContent {
    font-weight: normal;
}*/

/* ---------- 
4.6.1
Table Legend
---------- */


/* all modules */

/*#mainDataContentDiv > #dynamicReportDataContentDiv > div > div.elementbox,*/



#leadManagementStatusDiv,
#leadManagementRootCausesOverviewDiv {
    float: left;
    box-sizing: border-box;
    background: transparent;
}



#leadManagementRootCausesOverviewDiv {
    width: 50%;
}
/* individual module */



/*#dynamicReportDataDiv {
    width: 100%;
}*/

/* individual module content */










/* ---------- 
4.6.2
Table Number of Lines
---------- */

/*.dataTables_length {
    height: auto;
    padding: 0px 0px 2px 0px;
}

    .dataTables_length ul {
        padding: 0;
        margin: 0;
    }

    .dataTables_length li {
        display: inline;
        list-style-type: none;
        cursor: pointer;
        padding: 0;
        padding: 2px 5px 2px 5px;
        color: #333;
        border: none;
    }*/

        /*.dataTables_length li.selected,
        .dataTables_length li:hover {
            color: #005885;
            background-color: transparent;
            border-top: 1px solid #005885;
        }*/

/* ---------- 
4.6.3
Table General
---------- */

.trendAnalysesColorBoxDiv {
    height: 15px;
    width: 15px;
}




/* ---------- 
4.6.6
Table toplevel cells
---------- */





.caseAnswersDetailsColorLegendBarCellTextDiv {
    margin-top: -10px !important;
}

.caseAnswersAnswerGraphicTextDiv {
    margin-top: -10px !important;
}

/* ---------- 
4.6.8
Table information
---------- */

/*.dataTables_info {
    margin-top: 2px;
    color: #333;
}*/



/*--------------------------------------------
4.7
Buttons
--------------------------------------------*/

/* ---------- 
4.7.1
Export Button
---------- */

#exportHolderDiv, #actionAddHolderDiv {
    float: right;
    margin-top: -2px;
    position: relative;
}

#exportHolderDiv {
    right: -2em;
}

#actionAddHolderDiv {
    right: 6em;
    visibility: hidden;
}

#exportDiv {
}

#exportToExcelButton {
    background-image: url("Images/document-filetype-excel-icon.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#exportToPdfButton {
    background-image: url("Images/document-filetype-pdf-icon.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#actionAddButton {
    background-image: url("Images/add-action-icon.png");
    background-repeat: no-repeat;
    background-position: 0 1px
}

#exportToPdfButton, #exportToExcelButton, #actionAddButton {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    border-radius: 2px;
    border: none;
    background-color: #fff;
}

    #exportToExcelButton:hover,
    #exportToPdfButton:hover,
    #actionAddButton:hover{
        background-color: #bbb;
    }


/* ---------- 
4.7.3
Back Button
---------- */
/*#closeOpportunityDetailsDiv {
    cursor: pointer;
    height: 40px;
    position: relative;
    float: right;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    line-height: 40px;
    text-align: right;
    width: auto;
    float: right;
    background: #22313F;
}

    #closeOpportunityDetailsDiv span {
        cursor: pointer;
        padding: 10px 30px;
        font-weight: bolder;
        color: #fff;
    }*/

/* ---------- 
4.7.4
Customer Button
---------- */
/*#hotAlertEditHideCustomerDetails {
    position: relative;
    padding: 0px 45px;*/
    /*margin-bottom: 5px;*/
    /*float: left;
    background: #fff;
    border: 1px solid #DADFE1;
}*/

    /*#hotAlertEditHideCustomerDetails:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: 20px;
        background: url("EFM/styling-images/human-icon-small.png") no-repeat;
    }*/

/*.toggleleft {
    padding: 0;
    margin-bottom: 0;
    float: left;
    text-align: center;
}*/

.togglebutton_text_unvisible_hotalerts {
    display: none;
}

.togglebutton_text_visible_hotalerts {
    line-height: 40px;
    font-weight: normal;
}

    .togglebutton_text_visible_hotalerts:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 13px;
        height: 7px;
        margin-right: 20px;
        margin-top: -3px;
        background: url("EFM/styling-images/filter__arrow--down.png") no-repeat;
    }

/* ---------- 
4.7.5
Panelinformation Button
---------- */
/*.infoBox {
    height: 42px;
    min-width: 150px;
    border: 0;
    position: absolute;
    top: 10px;
    right: 2%;
    cursor: pointer;
    border: 0;
    background: #333333;
}

.informationButton {
    height: 40px;
    width: 40px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in 0s;
    background: url("Images/information-icon-black.png") left top no-repeat;
    border: 0;
}

.infoBox:after {
    height: 14px;
    width: 20px;
    content: "";
    background: url("Images/arrow-right.png") no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 10px;
}

.infoBox:hover {
    opacity: 0.8;
}

.informationButtonSpanText {
    font-weight: bold;
    line-height: 39px;
    padding: 0px 40px 0px 5px;
    color: #fff;
}

#howToCloseImage, #howToHandleImage {
    display: none;
}*/

/* ---------- 
4.7.6
Search Button
---------- */

#textAnalysisWordSearchFilterDiv {
    text-align: center;
    cursor: pointer;
    min-width: 100px;
    line-height: 20px;
    padding: 9px 5px 11px 5px;
    display: inline-block;
    margin-left: -5px;
    background: #22313f;
    color: #fff;
    border: 1px solid #22313f;
}

#textAnalysisWordSearchFilterSpan {
    padding: 5px 20px;
    font-weight: normal;
}

/* ---------- 
4.7.7
Send Button
---------- */

/*.leadManagementAddTaskButton {
    border-radius: 0;
    cursor: pointer;
    float: right;
    height: 40px;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
    transition: all 0.2s ease 0s;
    font-weight: normal;
    padding: 8px 45px 10px 25px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: #333333 none repeat scroll 0 0;
    border: 2px solid transparent;
    color: #fff;
}

    .leadManagementAddTaskButton:hover {
        opacity: 0.8;
    }

    .leadManagementAddTaskButton:after {
        content: "";
        background-image: url('Images/arrow-right.png');
        background-position: right;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 20px;
        height: 14px;
    }

    .leadManagementAddTaskButton:active {
        background: #000;
        border: 2px solid #fff;
    }*/

/* ---------- 
4.7.8
Add Button
---------- */

#addButton {
    cursor: pointer;
    height: 50px;
    position: relative;
    top: 0px;
    float: right;
    margin-right: 10px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    border: none;
    padding: 10px 25px;
    background: #22313F;
    color: #fff;
}

    #addButton:hover {
        background: #34495E;
    }
/* ---------- 
4.7.9
Password Button
---------- */
/*#changePasswordButtonAreaDiv {
    margin-top: 20px;
}

.genericButton {
    cursor: pointer;
    height: 50px;
    position: relative;
    top: 0px;
    float: right;
    margin-right: 10px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    border: none;
    padding: 10px 25px;
    background: #22313F;
    color: #fff;
}

    .genericButton:hover {
        background: #34495E;
    }*/

/* ---------- 
4.7.10
Add Hierarchy Button
---------- */

/* ---------- 
4.7.11
Cancel Button
---------- */

#cancelButton {
    cursor: pointer;
    height: 50px;
    position: relative;
    top: 0px;
    float: right;
    margin-right: 10px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    border: none;
    padding: 10px 25px;
    background: #22313F;
    color: #fff;
    order: 2;
    position: absolute;
    right: 140px;
}

    #cancelButton:hover {
        background: #34495E;
    }

/* ---------- 
4.7.12
OK Button
---------- */

#okButton {
    cursor: pointer;
    height: 50px;
    top: 0px;
    margin-right: 10px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    border: none;
    padding: 10px 25px;
    background: #22313F;
    color: #fff;
    order: 3;
    position: absolute;
    right: 0;
}

    #okButton:hover {
        background: #34495E;
    }

/* ---------- 
4.7.13
Drilldown Button
---------- */

.drillDownSelectionContentDiv {
    border-radius: 4px;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-right: 25px;
    color: #1E8BC3;
    border: 1px solid #22313F;
}

.passiveDrillDownSelection {
    padding-left: 7px;
    padding-right: 7px;
    height: 25px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    margin: 0px;
    float: left;
    color: rgb(52,73,94);
    border-right: 1px solid #22313F;
    cursor: pointer;
}

.drillDownSelectionContentDiv > div:last-child {
    border-right: none;
}

.activeDrillDownSelection {
    background-color: #22313F;
    color: #fff;
}

/* ---------- 
4.7.14
Select Hierarchy Button
---------- */

#selectDesignHierarchy {
    display: block;
    position: fixed;
    z-index: 999999;
    right: -204px;
    top: 0px;
    min-height: 70px;
    background: #000;
    border: 2px solid #fff;
    width: 200px;
}

.selectDesignHierarchyButtonDiv {
    visibility: hidden;
    width: 35px;
    height: 70px;
    float: left;
    margin-left: -37px;
    border-radius: 35px 0 0 35px;
    -moz-border-radius: 35px 0 0 35px;
    -webkit-border-radius: 35px 0 0 35px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    font: 12px;
    background: #666;
    color: #fff;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin-top: -2px;
}

.selectionElement {
    width: 190px;
}

#selectDesignHierarchy li {
    list-style: none;
    padding: 10px 5px;
    background-color: #ececec;
    background-image: linear-gradient(to bottom, #f8f8f8, #dedede);
    margin: 2px 10px;
    text-align: left;
    transition: all 3s ease-in 3s;
    -webkit-transition: all 3s ease-in 3s;
    -moz-transition: all 3s ease-in 3s;
    -o-transition: all 3s ease-in 3s;
    width: 160px;
    position: relative;
    right: 40px;
    cursor: pointer;
}

#selectDesignHierarchy ul li:after {
    content: "";
    background: url(styling-images/arrow-right-grey.png) center center no-repeat;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 5px;
    margin-top: -5px;
}

#selectDesignHierarchy li:hover {
    background-color: #d9d9d9;
    background-image: linear-gradient(to bottom, #e5e5e5, #cdcdcd);
}

/* ---------- 
4.7.15
Print Button
---------- */
/*#caseAnswersDetailsPrintDiv {
    background: url('Images/printer.png') center center no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#caseAnswersDetailsPrintHolderDiv {
    float: right;
}*/

/*--------------------------------------------
4.9
Icons
--------------------------------------------*/

.fieldReportValueTypeSelectIcon {
    height: 32px;
    width: 32px;
    float: left;
    border-radius: 2px;
    background-image: url("styling-images/main-report-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.12);
    margin-right: 10px;
}

    .fieldReportValueTypeSelectIcon:hover {
        background-color: #bbb;
        cursor: pointer;
    }

.fieldReportValueTypeValue.fieldReportValueTypeSelectIconActive,
.fieldReportValueTypeColumnPercentage.fieldReportValueTypeSelectIconActive,
.fieldReportValueTypeTotalPercentage.fieldReportValueTypeSelectIconActive {
    background-color: #bbb;
    cursor: pointer;
}

    .fieldReportValueTypeValue.fieldReportValueTypeSelectIconActive:hover,
    .fieldReportValueTypeColumnPercentage.fieldReportValueTypeSelectIconActive:hover,
    .fieldReportValueTypeTotalPercentage.fieldReportValueTypeSelectIconActive:hover {
        background-color: #fff;
        cursor: default;
    }

.fieldReportValueTypeSelectIcon.fieldReportValueTypeValue {
    background-image: url("styling-images/main-report-icon_grey_columns_number.png");
}

.fieldReportValueTypeSelectIcon.fieldReportValueTypeTotalPercentage {
    background-image: url("styling-images/main-report-icon_grey_columns_percentage.png");
}

.fieldReportValueTypeSelectIcon.fieldReportValueTypeColumnPercentage {
    background-image: url("styling-images/main-report-icon_grey_columns_percentage_sum.png");
}

/*.fieldReportTableExpandIconDiv {
    background-image: url("styling-images/collapse-plus_small_white.png");
}

.fieldReportTableCollapseIconDiv {
    background-image: url("styling-images/collapse-minus_small_white.png");
}

.fieldReportTableExpandIconDiv,
.fieldReportTableCollapseIconDiv {
    width: 13px;
    height: 13px;
    border-radius: 2px;
    margin-bottom: -2px;
    background-color: #666;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
}

    .fieldReportTableExpandIconDiv:hover,
    .fieldReportTableCollapseIconDiv:hover {
        background-color: #333;
        cursor: pointer;
    }*/

/*--------------------------------------------
4.10
Forms
--------------------------------------------*/

/*#userDataAddUserHierarchyRowForm {
    overflow: auto;
}

    #userDataAddUserHierarchyRowForm > div {
        margin-left: 20px;
    }*/

/* form wrapper */
#changePasswordHolderDiv .smallbox {
    /*width: 500px;*/
    /*width: 450px;
    background: transparent;*/
}

    /*#changePasswordHolderDiv .smallbox fieldset {
        border-radius: 0px;
        border-style: solid;
        border-width: 1px;
        display: block;
        margin-bottom: 10px;
        padding: 30px;
        background: #fff;
        border-color: #dadfe1;
        border-radius: 0px;
        border-style: solid;
        border-width: 1px;
        box-shadow: none;
        position: relative;
    }

        #changePasswordHolderDiv .smallbox fieldset #changePasswordButtonAreaDiv {
            font-size: 0.9em;
        }*/

#textAnalysisWordSearchAdditionalFilters {
    background: #fff;
    color: #333;
    border: 1px solid #dadfe1;
    padding: 10px;
}

/* general */

#login_box fieldset legend, #changePasswordHolderDiv fieldset legend {
    margin: 0px;
    padding: 0px;
    border: none;
    background: transparent;
}

/*#leadManagementAssignedActionSelectionMenuContainer {
    height: 28px;
    cursor: pointer;
    z-index: 1000;
    display: flex;
    flex-direction: row;
}

#leadManagementAssignedActionSelectionMenu {
    height: 28px;
    width: 90%;
    margin-left: 5%;
    background-color: #F2F1EF;
}

.leadManagementAssignedActionDropDown {
    text-align: left;
    z-index: 1000;
    display: block;
    margin: 0 0 0 5%;
    padding: 0px;
    list-style-type: none;
    height: auto;
    max-height: 180px;
    width: 89.75%;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #7B9DD4;
    background-color: #F2F1EF;
}

.leadManagementAssignedActionDropDown > li {
    height: 25px;
    line-height: 20px;
    font-size: 1em;
    color: black;
    cursor: pointer;
}

li .fas.fa-envelope {
    font-style: normal;
    margin-right: 5px;
    font-size: 12px;
}
li .fas.fa-ban {
    font-style: normal;
    position: relative;
    left: -21px;
    top: 4px;
    font-size: 24px;
    line-height: 10px;
}

.leadManagementIconContainer .fas.fa-ban {
    font-style: normal;
    position: relative;
    left: 0;
    top: 3px;
    font-size: 22px;
    margin: 0 0 0 -22px;
    background-color: transparent;
}

.leadManagementIconContainer .fas.fa-envelope {
    font-style: normal;
    margin-right: 5px;
    font-size: 12px;
    top: -1px;
    position: relative;
}

.leadManagementIconContainer .fa-stack {
    width: 17px;
}

li .fa-stack {
    width: 17px;
}

.leadManagementAssignedActionSelectBox .leadManagementIconContainer {
    line-height: 30px;
}

    .leadManagementAssignedActionSelectBox .leadManagementIconContainer .fa-stack i.fa-envelope {
        top: -6px;
    }

    .leadManagementAssignedActionSelectBox .leadManagementIconContainer .fa-stack i.fas.fa-ban {
        top: -2px;
    }



.leadManagementIconContainer {
    padding-left: 8px;
    height: 28px;
    text-align: left;
    line-height: 25px;
}

.leadManagementAssignedActionDropDown :hover {
    background-color: #1E90FF;
    color: white;
}*/

/*.leadManagementIconContainer:hover {
    background-color: #1E90FF;
    color: white;
}*/

#lastLeadManagementModuleFormElement {
    /*z-index: 1000;
    position: absolute;*/
    /*top: -85px;*/
    top: 134px;
    /*display: none;
    width: 100%*/
}

/*#leadManagementAssignedActionSelectionMenuArrow {
    height: 28px;
    width: 30px;
    background-color: #F2F1EF;
    margin-right: 5%;
}

#leadManagementAssignedActionSelectionMenuArrow > i {
    font-style: normal;
    font-size: 24px;
    color: rgb(82,82,82);
    line-height: 28px;
    margin-right: 2px;
}

.hotAlertChannelIcon {
    font-size: 12px;
    margin-left: 2px;
}*/

/*.leadManagementModuleGeneralFormWrapperDiv {
    text-align: center;
    margin: 60px auto 10px;
    padding: 15px;
    max-width: 96%;
    box-sizing: border-box;
    background: #c9c6c0;
}*/

.leadManagementPanelHeader, .leadManagementPanelContent {
    text-align: left;
}

/*.leadManagementModuleFormPartPostsOverviewDiv {
    float: left;
    max-height: 400px;
    overflow-y: auto;
    margin-right: 5px;
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
    border: 1px dashed #fff;
}*/



/*div.leadManagementModuleFormPartSurroundingDiv {
    display: flex;
    flex-direction: row;
    color: #000;
}*/

/*.historyFormDiv {
    padding: 0px;
    margin: 0px;
    margin-bottom: 3px;
    background: none;
}*/

/*.leadManagementTaskEntryContentDiv {
    margin-left: 5%;
    position: relative;
}*/

/*.leadManagementModuleFormPartDiv {
    height: 300px;
    width: 100%;
    max-width: 400px;
    min-width: 395px;
    float: left;
    vertical-align: top;
    padding: 10px 0 20px;
    margin-right: 5px;
    position: relative;
}

.leadManagementModuleFormElement {
    margin-top: 5px;
    position: relative;
    z-index: 20;
}

.leadManagementTaskEntryElementDiv {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 30px;
    text-align: left;
    padding-bottom: 10px;
    position: relative;
    background: #F2F1EF none repeat scroll 0 0;
}

    .leadManagementTaskEntryElementDiv:before {
        content: "";
        position: absolute;
        left: -8px;
        top: -8px;
        width: 16px;
        height: 16px;
        background: url('Images/hotalert-red.png') no-repeat;
    }

    .leadManagementTaskEntryElementDiv:after {
        content: "";
        position: absolute;
        right: -15px;
        top: 10px;
        width: 15px;
        height: 10px;
        background: url('Images/speech-bubble-corner-white.png') no-repeat;
    }*/

/*.leadManagementRootCauseElement {
    display: none;
}*/

/*.primaryFormDiv {
    overflow: auto;
    border-width: 6px 0px 0px 0px;
    border-style: solid;
    border-color: #96281b #fff #fff #fff;
    background: #FFFFFF;
}

.secondaryFormDiv {
    border-width: 6px 0px 0px 0px;
    border-style: solid;
    border-color: #EB9532 #fff #fff #fff;
    background: #FFFFFF;
}*/

/* label */
/*.leadManagementModuleFormPartDiv label {
    display: block;
    padding: 3px;
    text-align: left;
    margin-left: 5%;
    font-style: italic;
    background: transparent;
    color: #95A5A6;
    cursor: default;
}*/

/*.leadManagementTaskContentHeader{
    float: left;
}

.leadManagementModuleFormPartDiv label.leadManagementRootCauseMessage,
.leadManagementModuleFormPartDiv label.leadManagementActionMessage,
.leadManagementModuleFormPartDiv label.leadManagementRootCauseMinSizeMessage {
    background-color: #C95B4E;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255,255,255,0.2) 2px, rgba(255,255,255,0.2) 4px);
    color: #fff;
    display: none;
    font-weight: bold;
    text-align: left;
    margin-left: 0;
    padding: 5px;
    font-style: italic;
    box-sizing: border-box;
    border: 1px solid #C95B4E;
    width: 90%;
}

.leadManagementHistoryNameContainer .fa-stack {
    margin-left: 20px;
    font-style: normal;
    margin-right: -20px;
    color: #95A5A1;
    top: -2px;
}

.leadManagementHistoryNameContainer > span > .fas.fa-envelope {
    font-style: normal;
    font-size: 10px;
    left: -4px;
    position: relative;
}

.leadManagementHistoryNameContainer .leadManagementModuleFormElement.leadManagementTaskEntryAssignedToUserLabel {
    display: inline-block;
    margin-left: 0px;
    font-size: 10px;
}

.leadManagementHistoryNameContainer .fas.fa-ban {
    font-style: normal;
    position: relative;
    left: -18px;
    top: 3px;
    font-size: 18px;
    line-height: 10px;
    color: #81948e;
}

.leadManagementHistoryNameContainer > .fas.fa-envelope {
    font-style: normal;
    font-size: 10px;
    margin-left: 20px;
    color: #95A5A6;
}

.leadManagementHistoryNameContainer{
    float:right;
    margin-right: 7px;
}*/

/*.leadManagementModuleFormFloatElement {
    clear: both;
    display: block;
    height: 25px;
    line-height: 25px;
}*/

/* Adjusting the standard drop-arrow-style for the select boxes */
/* remove standard style */
/*select.notmultiple {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
}*/
/* remove ie10 arrow */
select::-ms-expand {
    display: none;
}

/* select boxes */
/*select.firstReceiverSelect,
select.assignedActionSelect {
    width: 90%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
    border: 0;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 0 5px 5px;
    color: #000;
    background: #F2F1EF url('Images/filter__arrow--down-grey.png') no-repeat 98% center;
}*/

/*#firstReceiverSelectMenuArrow {
    height: 28px;
    width: 30px;
    margin-right: 5%;
    position: absolute;
    right: 0;
    float: right;
    top: 23px;
}

#firstReceiverSelectMenuArrow > i {
        font-style: normal;
        font-size: 20px;
        line-height: 28px;
        margin-right: 2px;
        color: #444444;
    }


select.rootCauseSelect {
    width: 90%;
    margin: 0 auto 5px auto;
    transition: all 0.2s ease-in 0s;
    border: 0;
    cursor: pointer;
    color: #000;
    font-weight: normal;
    font-size: 18px;
    padding: 5px 0 5px 5px !important;
    background: #F2F1EF url('Images/filter__arrow--down-grey.png') no-repeat 98% center;
    font-family: Arial, sans-serif;
}*/
/* multiple select boxes */
/*select.additionalReceiversSelect {
    width: 92%;
    height: 100px;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
    border: 0;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 0 5px 10px;
    color: #000;
    background: #F2F1EF;
}*/
/* input box */
/*.leadManagementTaskEmailReceiversInput {
    width: 90%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
    border: 0;
    font-weight: normal;
    padding: 5px 0 5px 10px;
    color: #000;
    background: #F2F1EF;
}

.leadManagementRootCauseInput {
    display: none;
    width: 90%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
    border: 0;
    color: #000;
    font-weight: normal;
    font-size: 18px;
    padding: 5px 0 5px 0 !important;
    background: #F2F1EF;
    font-family: Arial, sans-serif;
    text-indent: 5px;
    box-sizing: border-box;
}*/

/*#changePasswordInputTable {
    border-spacing: 0 10px;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-collapse: separate;
}

    #changePasswordInputTable tbody tr {
        margin-bottom: 5px;
        background: #fff;
    }

        #changePasswordInputTable tbody tr td {
            vertical-align: middle;
            padding: 2px 0 2px 2px;
        }

#changePasswordActualPasswordInput,
#changePasswordNewPasswordInput,
#changePasswordNewPasswordConfirmationInput {
    padding: 5px;
    width: 245px;
    border: 2px solid #dadfe1;
}*/

    #changePasswordActualPasswordInput:focus,
    #changePasswordNewPasswordInput:focus,
    #changePasswordNewPasswordConfirmationInput:focus {
        transition: border 0.3s;
        outline: 0;
        border: 2px solid #969696;
    }

/* textarea */
/*.leadManagementTaskContentTextarea {
    width: 90%;
    height: 50px;
    margin: 0 auto;
    border: 0;
    box-shadow: 0;
    font-weight: normal;
    padding: 5px 0;
    color: #000;
    background: #F2F1EF;
}

.leadManagementModuleAddTaskButtonDiv {
    margin: 10px 0 0;
}*/

#googleTranslateModalPopUp {
    display: none;
}

/*--------------------------------------------
4.11
Toasts, Modals, Popups, Tooltips
--------------------------------------------*/

/* TA warning */
#textAnalysisWordSearchMessageDiv,
#CategoryTextAnswerMessageArea,
#fieldReportErrorDiv {
    display: none;
    line-height: 40px;
    padding: 10px 15px;
    position: relative;
    background-color: #96281b;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255,255,255,0.2) 3px, rgba(255,255,255,0.2) 6px);
    color: #fff;
    border: 1px solid #96281b;
}

    #textAnalysisWordSearchMessageDiv:before {
        content: "";
        position: absolute;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #96281b;
        border-left: 10px solid transparent;
        top: -10px;
        left: 40px;
    }

/* tooltip */
/*.tooltip-inner {
    color: #ffffff;
    background-color: #266691;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #266691;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #266691;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #266691;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #266691;
}

#dynamicReportDetailToolTip {
    display: none;
    border: 1px solid grey;
    width: auto;
    height: auto;
    background-color: white;
    position: absolute;
    padding: 10px;
    z-index: 10000;
}

    #dynamicReportDetailToolTip ul {
        list-style-type: circle;
        margin-left: 20px;
    }

.drOverview_Star {
    font-size: x-large;
}

    .drOverview_Star.unfilled {
        color: #C0C0C0;
    }*/

/* DataTableCaptionToolTip */
/*#genericToolTipDiv, #dataTableCaptionToolTip {
    border: 1px solid grey;
    width: auto;
    height: auto;
    background-color: white;
    position: absolute;
    padding: 10px;
    display: none;
    z-index: 100000;
}*/

/*--------------------------------------------
4.12
Search
--------------------------------------------*/
.searchResultMatch {
    background-color: #fff34d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

/*--------------------------------------------
4.14
Accordion
--------------------------------------------*/
/*--------------------------------------------
4.15
Spinner
--------------------------------------------*/
#progressDiv {
    top: 0;
    left: 0;
    position: fixed;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    z-index: 150000;
}

#progressDivInner {
    box-shadow: 0 0 15px #000;
    height: 54px;
    width: 54px;
    margin: auto;
    background: url(styling-images/loading-circle.gif) no-repeat #eee;
    border-radius: 27px;
    border: none;
    z-index: 150001;
    background-size: contain;
    box-shadow: 0 0 15px #000;
}

/*--------------------------------------------
4.16
Tabs
--------------------------------------------*/

/*.tab-panels {
    width: 100%;
    height: auto;
    margin: 10px 0;
    background: transparent;
}

    .tab-panels ul.tabs {
        padding: 0;
        margin: 0;
    }

        .tab-panels ul.tabs li {
            padding: 10px 30px;
            cursor: pointer;
            margin: 0;
            float: left;
            font-weight: normal;
            list-style-type: none;
            transition: all 0.2s ease-in 0s;
            margin-bottom: -1px;
            background: #979796;
            color: #fff;
            border: 1px solid #979796;
        }

            .tab-panels ul.tabs li:hover {
                background: #dadfe1;
                color: #000;
                border: 1px solid #dadfe1;
                box-shadow: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
            }

            .tab-panels ul.tabs li.active {
                font-weight: bold;
                padding: 10px 20px 10px 40px;
                background: #dadfe1 url(Images/check-polygon-efmgreen.png) 10px center no-repeat;
                color: #000;
                border: 1px solid #dadfe1;
                box-shadow: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
            }

            .tab-panels ul.tabs li:nth-child(n+2) {
                box-shadow: inset 8px 0px 5px -6px rgba(0,0,0,0.4);
                -webkit-box-shadow: inset 8px 0px 5px -6px rgba(0,0,0,0.4);
                -moz-box-shadow: inset 8px 0px 5px -6px rgba(0,0,0,0.4);
            }

            .tab-panels ul.tabs li.active:hover {
                padding: 10px 20px 10px 40px;
                border: 1px solid #dadfe1;
            }

            .tab-panels ul.tabs li.active:nth-child(n+2) {
                box-shadow: inset 8px 0px 5px -6px rgba(0,0,0,0.6);
                -webkit-box-shadow: inset 8px 0px 5px -6px rgba(0,0,0,0.6);
                -moz-box-shadow: inset 8px 0px 5px -6px rgba(0,0,0,0.6);
                border: 1px solid #dadfe1;
                border-left: 1px solid #979796;
            }*/

    /*.tab-panels .panel {
        width: 100%;
        height: auto;
        display: none;
        background: #dadfe1;
        border: 1px solid #dadfe1;
    }

        .tab-panels .panel.active {
            display: block;
            position: relative;
        }

        .tab-panels .panel form {
            height: auto;
            margin: 0 auto;
        }

        .tab-panels .panel h3 {
            padding: 10px 0 0 5px;
            width: 90%;
            color: #333;
        }

        .tab-panels .panel p {
            padding: 5px 0 10px 5px;
            width: 90%;
            color: #333;
        }*/


/*--------------------------------------------
4.18
(SVG) Graphics
--------------------------------------------*/
/* close button */
.textAnalysisCloseDiv {
    background-position: 0 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -15px;
    background: url("Images/close-panel.png") no-repeat;
}

    .textAnalysisCloseDiv:hover {
        background-position: 0 -40px;
    }

/* individual page (table statements) */
/*.caseAnswersAnswerGraphicDiv {
    margin-top: -10px;
    position: relative;
    width: 100%;
    top: 6px;
    border-width: 11px;
    border-style: solid;
    height: 20px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
}*/

.interviewDetailsScaleBarBlock_Mode1Possible_Div {
    box-sizing: border-box;
    background-color: #dddddd;
}

.interviewDetailsScaleBarBlock_Mode1_Div {
    float: left;
    box-sizing: border-box;
}

/*.interviewDetailsScaleRating_Span {
    font-size: 48px;
}*/

/* star legend box (dealer dashboard) */
#dealerDashboardReportTableTop10Percent {
    height: auto;
    padding: 8px 25px 4px 15px;
    width: auto;
    position: relative;
    right: 0px;
    text-align: right;
    font-weight: normal;
    display: inline-block;
    background: #fff;
    border: 1px solid #e2e2e2;
    color: #3e3e3e;
}

    #dealerDashboardReportTableTop10Percent > svg {
        width: 30px;
        height: 30px;
        position: absolute !important;
        left: 2px;
        top: 8px !important;
    }

.dealerDashboardGraphicLegendDiv {
    height: 30px;
    float: right;
}

.dealerDashboardGraphicLegendSpan {
    line-height: 1;
    padding-left: 20px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
}



/*--------------------------------------------
4.20
Information tiles
--------------------------------------------*/

/* general */
.landingPageContent_programElement_new {
    float: left;
}

.landingPageContent_countElement,
.landingPageContent_kpiElement,
.landingPageContent_textElement {
    margin: 10px 10px 0px 0px;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 24px 24px 48px;
    height: 210px;
    width: 260px;
    background-color: #ffffff;
    background: #ffffff;
    border: 1px solid #cacaca;
}

/* count elements */
.landingPageContent_countElement {
}

    .landingPageContent_countElement .hrgroup {
        height: 58px;
    }

.landingPageBox-header {
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 6px 0;
}

.landingPageBox-subheader {
    line-height: 1;
    margin: 0;
}

.landingPageBox-header-sales,
.box-sales .landingPageBox-header > span,
.landingPageBox-header-service,
.box-service .landingPageBox-header > span {
    color: #3364a9;
}

.inside-left-open, .inside-left-closed, .inside-left-well-done {
    height: 180px;
    width: 154px;
}

.inside-left-open, .inside-left-closed, .inside-left-well-done {
    float: left;
    margin: 20px -24px 0;
    padding: 0;
    position: relative;
}

.inside-right-open, .inside-right-closed, .inside-right-well-done {
    float: right;
    width: 154px;
    height: 180px;
    margin: 20px -24px 0;
    padding: 0;
    position: relative;
}

.inside-left-open {
    background: #F08989;
}

.inside-left-closed {
    background: #9DD682;
}

.inside-right-open {
    background: #E84545;
}

.inside-right-closed {
    background: #70C348;
}

.description-box {
    height: 180px;
}

.description-detail-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
}

.text-box {
    font-weight: normal;
    text-align: center;
    width: 154px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.number-detail {
    font-weight: normal;
    text-align: center;
    padding: 20px 0 0;
}

.text-detail {
    font-weight: normal;
    padding: 0;
}

.text-box,
.number-detail,
.text-detail {
    color: #FFF;
}

/* text elements */
.landingPageContent_textElement {
}

.landingPageContent_textElement-read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    border-top: 1px solid #cacaca;
}

.read-more-tag {
    display: block;
    outline: none;
    text-decoration: none;
    text-align: right;
    padding-top: 11px;
    padding-right: 10px;
    cursor: pointer;
    color: #3364a9;
}

    .read-more-tag:hover {
        text-decoration: underline;
        transition: color 0.4s ease;
        color: #E84545;
    }

/* kpi elements */

.hrgroup-kpi {
    margin-bottom: 0;
    height: 70px;
}

.bar-chart {
    position: relative;
    transition: all 0.2s ease;
    /*line-height: 45px;*/
}

.bar-chart-market {
    margin-bottom: 0px;
    margin-top: 40px;
}

.bar-chart-dealer {
    margin-bottom: 0px;
    margin-top: 5px;
}

.landingPage-title-close-button {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url("../images/landingpage_tile_closeicon.png") no-repeat;
    width: 33px;
    height: 33px;
}


/* bar chart box */
.bar-chart-box {
    /*display: inline-block;*/
    height: 45px;
    width: 65%;
    padding: 5px;
    border-radius: 2px;
    float: left;
    line-height: 45px;
    border: 1px solid #dbdbdb;
}

.bar-chart-icon {
    display: inline-block;
    height: 45px;
    vertical-align: top;
    text-align: center;
    width: 25%;
}

.box-sales .bar-chart-market .bar-chart-icon,
.box-service .bar-chart-market .bar-chart-icon {
    background: #c0c0c0;
}

.bar-chart-icon .icon {
    vertical-align: middle;
}

.icon {
    display: inline-block;
}

.bar-chart-bar-wrapper {
    width: 75%;
    float: right;
}

.bar-chart-bar {
    display: inline-block;
    height: 45px;
    min-width: 2px;
    transition: all 0.4s ease-out;
    transition-property: transform;
}

.box-sales .bar-chart-dealer .bar-chart-icon {
    background: #95accb;
}

.box-service .bar-chart-dealer .bar-chart-icon {
    background: #7fcecd;
}

.icon--world--fff {
    background-image: url(../new-js/landing-page/img/css/sprites/s.png);
    background-position: 0px -262px;
    width: 30px;
    height: 30px;
}

.icon--user--fff {
    background-image: url(../new-js/landing-page/img/css/sprites/s.png);
    background-position: 0px -180px;
    width: 25px;
    height: 27px;
}

.box-service .bar-chart-market .bar-chart-bar,
.box-sales .bar-chart-market .bar-chart-bar {
    background: #c0c0c0;
}

.box-sales .bar-chart-dealer .bar-chart-bar {
    background: #95accb;
}

.box-service .bar-chart-dealer .bar-chart-bar {
    background: #7fcecd;
}

.box-sales .bar-chart-market .bar-chart-text {
    color: #000;
}

.box-sales .bar-chart-dealer .bar-chart-text {
    color: #95accb;
}

.box-service .bar-chart-market .bar-chart-text {
    color: #000;
}

.box-service .bar-chart-dealer .bar-chart-text {
    color: #7fcecd;
}

/* bar chart text */
.bar-chart-text {
    width: 22%;
    vertical-align: text-bottom;
    text-align: center;
    padding: 10px 0 0 10px;
    line-height: 60px;
}

/*--------------------------------------------
4.21
Dynamic Dashboard
--------------------------------------------*/



/*--------------------------------------------
4.22
Text Analysis
--------------------------------------------*/

/* 
1 - Word Search
2 - Snap Shot
3 - Trend Report
4 - Impact Report
*/

.wordSearchInputBox {
    margin-top: 2px;
    cursor: default;
}



#textAnalysisWordSearchAdditionalFilters {
    background: #fff;
    color: #333;
    border: 1px solid #dadfe1;
    padding: 10px;
}
/* style all divs */
.textAnalysisCategoryContainerDivClass {
    background: #fff;
    border: 1px solid #dadfe1;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    padding: 0 0;
    text-align: right;
}

.textAnalysisCategoryAnswersContainerDivClass {
    text-align: left;
}

/* input description */
#textAnalysisWordSearchKeyWordFilterDescription {
    font-style: italic;
    padding: 0 0 5px 0;
    line-height: 20px;
    display: block;
}
/* input field */
#textAnalysisWordSearchKeyWordFilterValue {
    border: 1px solid #dadfe1;
    border-radius: 0px;
    padding: 10px 5px 10px 40px;
    font-style: normal;
    font-weight: bold;
    color: #333;
    width: 50%;
    line-height: 20px;
    background: url("styling-images/search-icon.png") no-repeat 10px center;
}
/* button */
.textAnalysisWordSearchDisplayButton,
.textAnalysisCategoriesFrequenciesSnapShotDisplayButton,
.textAnalysisCategoriesFrequenciesTrendDisplayButton {
    cursor: pointer;
}

/* expand collapse buttons background */
.textAnalysisWordSearchExpand:after,
.textAnalysisCategoriesFrequenciesSnapShot_Expand:after,
.textAnalysisCategoriesFrequenciesTrend_Expand:after,
.textAnalysisCategoriesFrequenciesImpact_Expand:after {
    background-image: url("Images/open_items.png");
    content: "";
    height: 10px;
    margin-top: -5px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
}

.textAnalysisWordSearchCollapse:after,
.textAnalysisCategoriesFrequenciesSnapShot_Collapse:after,
.textAnalysisCategoriesFrequenciesTrend_Collapse:after,
.textAnalysisCategoriesFrequenciesImpact_Collapse:after {
    background-image: url("Images/close_items.png");
    content: "";
    height: 10px;
    margin-top: -5px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
}

.textAnalysisWordSearchExpand:hover,
.textAnalysisWordSearchCollapse:hover,
.textAnalysisCategoriesFrequenciesSnapShot_Expand:hover,
.textAnalysisCategoriesFrequenciesSnapShot_Collapse:hover,
.textAnalysisCategoriesFrequenciesTrend_Expand:hover,
.textAnalysisCategoriesFrequenciesTrend_Collapse:hover,
.textAnalysisCategoriesFrequenciesImpact_Expand:hover,
.textAnalysisCategoriesFrequenciesImpact_Collapse:hover {
    color: #96281b;
}

.textAnalysisWordSearchExpand,
.textAnalysisWordSearchCollapse,
.textAnalysisCategoriesFrequenciesSnapShot_Expand,
.textAnalysisCategoriesFrequenciesSnapShot_Collapse,
.textAnalysisCategoriesFrequenciesTrend_Expand,
.textAnalysisCategoriesFrequenciesTrend_Collapse,
.textAnalysisCategoriesFrequenciesImpact_Expand,
.textAnalysisCategoriesFrequenciesImpact_Collapse {
    cursor: pointer;
    color: #333;
    margin-left: 0px;
    padding: 10px 35px 10px 25px;
    background: #eee;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    position: relative;
    display: block;
    font-weight: normal;
    margin-left: 0px;
    margin-bottom: 0;
    border: 1px solid #dadfe1;
    margin-bottom: 10px;
}

.textAnalysisWordSearchExpand,
.textAnalysisCategoriesFrequenciesSnapShot_Expand,
.textAnalysisCategoriesFrequenciesTrend_Expand,
.textAnalysisCategoriesFrequenciesImpact_Expand {
    margin-left: 2%;
    margin-right: 2%;
    float: left;
    min-width: 47%;
}

.textAnalysisWordSearchCollapse,
.textAnalysisCategoriesFrequenciesSnapShot_Collapse,
.textAnalysisCategoriesFrequenciesTrend_Collapse,
.textAnalysisCategoriesFrequenciesImpact_Collapse {
    float: none;
    min-width: 47%;
    margin-right: 2%;
}

#CategoryTextAnswerNavigationArea {
    background: transparent;
}

#textAnalysisWordSearchDisplayOptionsDiv fieldset {
    background: #fff;
}

#textAnalysisWordSearchDisplayOptionsDiv fieldset,
#CategoryTextAnswerNavigationArea {
    border: 0 none;
    box-shadow: none;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 5px 0 0 0;
    border-radius: 0px;
}

    #textAnalysisWordSearchDisplayOptionsDiv fieldset legend {
        display: none;
    }
/* acccordion -> clickable layers (buttons) -> open/close */
.textAnalysisWordSearchDisplayButton:after,
.textAnalysisCategoriesFrequenciesSnapShotDisplayButton:after,
.textAnalysisCategoriesFrequenciesTrendDisplayButton:after {
    content: "";
    position: absolute;
    background: url("Images/filter__arrow--down-white.png") no-repeat;
    width: 13px;
    height: 7px;
    top: 50%;
    right: 1%;
    margin-top: -3px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}

.textAnalysisWordSearchDisplayButton.arrowRotate:after,
.textAnalysisCategoriesFrequenciesSnapShotDisplayButton.arrowRotate:after,
.textAnalysisCategoriesFrequenciesTrendDisplayButton.arrowRotate:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.textAnalysisWordSearchDisplayButton,
.textAnalysisCategoriesFrequenciesSnapShotDisplayButton,
.textAnalysisCategoriesFrequenciesTrendDisplayButton {
    position: relative;
}
/* acccordion -> complete div */
#textAnalysisWordSearchResultDataTable_Level_1_Index_1,
#textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_1_Index_1,
#textAnalysisCategoriesFrequenciesTrendAnswers_Level_1_Index_1,
#textAnalysisCategoriesFrequenciesImpactAnswers_Level_1_Index_1 {
    margin-top: 20px;
}
/* acccordion -> header (1st level) */
.textAnalysisWordSearchResultDataTableLevel_1_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_1_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_1_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_1_HeaderDiv {
    background: #2E4F63;
    line-height: 30px;
    padding: 10px 5px;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.textAnalysisWordSearchResultDataTableLevel_1_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_1_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_1_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_1_LabelDiv {
    color: #eee;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_1_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_1_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_1_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_1_CounterDiv {
    color: #eee;
    font-weight: normal;
}
/* acccordion -> 2nd level */
.textAnalysisWordSearchResultDataTableLevel_2_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_2_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_2_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_2_HeaderDiv {
    background: #316481;
    line-height: 30px;
    padding: 10px 5px;
    border-top: 1px solid rgba(255,255,255,0.4);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.textAnalysisWordSearchResultDataTableLevel_2_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_2_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_2_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_2_LabelDiv {
    color: #eee;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_2_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_2_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_2_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_2_CounterDiv {
    color: #eee;
    font-weight: normal;
}
/* acccordion -> 3rd level */
.textAnalysisWordSearchResultDataTableLevel_3_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_3_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_3_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_3_HeaderDiv {
    background: #507B8F;
    line-height: 30px;
    padding: 10px 5px 10px 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.textAnalysisWordSearchResultDataTableLevel_3_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_3_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_3_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_3_LabelDiv {
    color: #eee;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_3_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_3_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_3_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_3_CounterDiv {
    color: #eee;
    font-weight: normal;
}
/* acccordion -> 4th level */
.textAnalysisWordSearchResultDataTableLevel_4_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_4_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_4_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_4_HeaderDiv {
    background: #6E98A9;
    line-height: 30px;
    padding: 10px 5px 10px 15px;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.textAnalysisWordSearchResultDataTableLevel_4_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_4_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_4_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_4_LabelDiv {
    color: #eee;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_4_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_4_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_4_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_4_CounterDiv {
    color: #eee;
    font-weight: normal;
}
/* acccordion -> 5th level */
.textAnalysisWordSearchResultDataTableLevel_5_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_5_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_5_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_5_HeaderDiv {
    background: #A0BDC5;
    line-height: 30px;
    padding: 10px 5px 10px 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.textAnalysisWordSearchResultDataTableLevel_5_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_5_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_5_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_5_LabelDiv {
    color: #eee;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_5_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_5_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_5_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_5_CounterDiv {
    color: #eee;
    font-weight: normal;
}
/* acccordion -> 6th level */
.textAnalysisWordSearchResultDataTableLevel_6_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_6_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_6_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_6_HeaderDiv {
    background: #D4E2ED;
    line-height: 30px;
    padding: 10px 5px 10px 25px;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.textAnalysisWordSearchResultDataTableLevel_6_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_6_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_6_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_6_LabelDiv {
    color: #000;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_6_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_6_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_6_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_6_CounterDiv {
    color: #000;
    font-weight: normal;
}
/* acccordion -> 7th level */
.textAnalysisWordSearchResultDataTableLevel_7_HeaderDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_7_HeaderDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_7_HeaderDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_7_HeaderDiv {
    background: #E1E8ED;
    line-height: 30px;
    padding: 10px 5px 10px 30px;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.textAnalysisWordSearchResultDataTableLevel_7_LabelDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_7_LabelDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_7_LabelDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_7_LabelDiv {
    color: #000;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

.textAnalysisWordSearchResultDataTableLevel_7_CounterDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswers_Level_7_CounterDiv,
.textAnalysisCategoriesFrequenciesTrendAnswers_Level_7_CounterDiv,
.textAnalysisCategoriesFrequenciesImpactAnswers_Level_7_CounterDiv {
    color: #000;
    font-weight: normal;
}
/* acccordion -> hover on the display buttons */
.textAnalysisWordSearchDisplayButton:hover,
.textAnalysisCategoriesFrequenciesSnapShotDisplayButton:hover,
.textAnalysisCategoriesFrequenciesTrendDisplayButton:hover,
.textAnalysisCategoriesFrequenciesImpactDisplayButton:hover {
    background: rgba(0,0,0,0.8);
    transition: all 0.2s ease 0s;
}
/* acccordion -> lowest level */
.textAnalysisWordSearchResultDataTableContentDiv:before,
.textAnalysisCategoriesFrequenciesSnapShotAnswersContentDiv:before,
.textAnalysisCategoriesFrequenciesTrendAnswersContentDiv:before,
.textAnalysisCategoriesFrequenciesImpactAnswersContentDiv:before {
    content: "";
    position: absolute;
    background: url("Images/arrow-right-grey.png") no-repeat;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 10px;
    margin-top: -5px;
    transition: all 0.2s ease 0s;
}

.textAnalysisWordSearchResultDataTableContentDiv,
.textAnalysisCategoriesFrequenciesSnapShotAnswersContentDiv,
.textAnalysisCategoriesFrequenciesTrendAnswersContentDiv,
.textAnalysisCategoriesFrequenciesImpactAnswersContentDiv {
    background: #fff;
    line-height: 30px;
    padding: 10px 5px 10px 35px;
    color: #333;
    font-weight: normal;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: relative;
    transition: all 0.2s ease 0s;
    cursor: pointer;
}

    .textAnalysisWordSearchResultDataTableContentDiv:hover:before,
    .textAnalysisCategoriesFrequenciesSnapShotAnswersContentDiv:hover:before,
    .textAnalysisCategoriesFrequenciesTrendAnswersContentDiv:hover:before,
    .textAnalysisCategoriesFrequenciesImpactAnswersContentDiv:hover:before {
        left: 13px;
        background: url("Images/arrow-right-black.png") no-repeat;
    }

    .textAnalysisWordSearchResultDataTableContentDiv:hover,
    .textAnalysisCategoriesFrequenciesSnapShotAnswersContentDiv:hover,
    .textAnalysisCategoriesFrequenciesTrendAnswersContentDiv:hover,
    .textAnalysisCategoriesFrequenciesImpactAnswersContentDiv:hover {
        font-weight: bold;
    }

.textAnalysisImpactDataHeaderClass {
    margin: auto;
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
}

.textAnalysisImpactDataHeaderUnderlineClass {
    width: 80%;
    height: 1px;
    margin: 20px auto;
    background: #dadfe1;
}

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

.textAnalysisImpactGraphicClass {
    width: 50%;
    float: left;
}

.textAnalysisImpactTableClass {
    margin-top: 9px;
    width: 50%;
    height: 600px;
    float: left;
    padding-right: 25px;
    box-sizing: border-box;
}

    .textAnalysisImpactTableClass > .dataTables_wrapper {
        width: 100%;
    }

#mainDataContentDiv .elementbox .textAnalysisImpactTableClass .dataTable {
    width: 100%;
    min-width: 100%;
}

table.dataTable tr.setTextAnalysisImpactTableClick > td,
table.dataTable tr.setTextAnalysisImpactTableClick.even > td,
table.dataTable tr.setTextAnalysisImpactTableClick.odd > td {
    background-color: #bfbfbf;
    color: #fff;
}

table.dataTable tr.setTextAnalysisImpactTableClick > td,
table.dataTable tr.even.setTextAnalysisImpactTableHover > td,
table.dataTable tr.odd.setTextAnalysisImpactTableHover > td {
    background-color: #bfbfbf;
}

table.dataTable tr.setTextAnalysisImpactTableClick > td {
    color: #fff;
}

#textAnalysisCategoryFrequenciesImpactReportDataDiv tbody tr{
    cursor: pointer;
}
/*--------------------------------------------
4.23
Font Awesome
--------------------------------------------*/
body i {
    font-family: "Font Awesome 5 Pro" !important;
}

.fa-arrow-circle-right, .fa-arrow-circle-up, .fa-arrow-circle-down {
    font-size: 25px;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%, rgba(0,0,0,0) 47%, rgba(0,0,0,0) 48%);
}

.fa-arrow-circle-right {
    color: #ffcc00;
}

.fa-arrow-circle-up {
    color: green;
}

.fa-arrow-circle-down {
    color: red;
}

.fa-search.fa-stack-2x {
    color: #777;
    transform: rotate(25deg);
    display: inline-block;
    font-size: 15px;
}

.fa-line-chart.fa-stack-1x {
    color: #000;
    font-size: 5px;
    margin-top: -8px;
    margin-left: -1px;
}

/*--------------------------------------------
4.24
User Maintenance Form + add new news entry
--------------------------------------------*/

/* minimal styling due to unsupported nature */
/* user maintenance form */

#userDataAddNewRowForm {
    background: #c9c6c0 !important;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 500px;
}

.userDataAddNewRowFormFieldset {
    margin-bottom: 0px;
    padding-bottom: 15px;
}

body .ui-widget-overlay {
    background: #000;
    opacity: 0.8;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: url(Images/close-panel.png) no-repeat 0 0;
    width: 40px;
    height: 40px;
    border: 0;
    top: 15%;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        background-position: 0 -40px;
    }

body .ui-dialog .ui-widget-content {
    border: 2px solid #fff !important;
    border-bottom: 0;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

body .ui-widget-header {
    border-radius: 0;
    border: none;
    background: transparent;
    color: #333;
    font-weight: normal;
}

body .ui-dialog-title {
    color: #333;
}

#userDataAddNewRowForm fieldset {
    border: 0;
    box-shadow: none;
}

/* align the form in the div by overriding this bootstrap class */
[class*="span"] {
    margin-left: 0;
}

.userDataAddNewRowFormRow > div[class*="span"] {
    margin-left: 10px;
}

.userDataAddNewRowFormRowDiv {
    margin-bottom: 3px;
    display: flex;
}

    .userDataAddNewRowFormRowDiv .buttons {
        display: flex;
        position: relative;
        width: 100%;
    }

/* input fields */
.userDataAddNewRowFormRow .userDataAddNewRowFormRowDivLabel {
    background: #fff;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: transparent transparent transparent #22313f;
    color: #333;
    margin-right: 2px;
    height: 35px;
    padding: 3px 6px;
    line-height: 30px;
    box-sizing: border-box;
    flex: 0 0 30%;
}

    .userDataAddNewRowFormRow .userDataAddNewRowFormRowDivLabel.required {
        color: #96281b;
        border-width: 0px 0px 0px 1px;
        border-style: solid;
        border-color: #fff #fff #fff #96281b;
    }

.userDataAddNewRowFormRow .userDataAddNewRowFormRowDivContent {
    background: #f9f9f9;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: transparent transparent transparent #22313f;
    color: #000;
    padding: 3px 6px;
    height: 35px;
    box-sizing: border-box;
    flex: 1 0 auto;
}

    .userDataAddNewRowFormRow .userDataAddNewRowFormRowDivContent.required {
        color: #96281b;
        border-width: 0px 0px 0px 1px;
        border-style: solid;
        border-color: #f2f1ef #f2f1ef #f2f1ef #96281b;
    }

.userDataAddNewRowFormRow .userDataAddNewRowFormRowDivLabel.requiredMessage {
    background: transparent;
    border: none;
    color: #96281b;
    padding: 8px 6px 3px 0px;
    font: 14px Arial, "sans-serif";
    font-style: italic;
    height: 35px !important;
    margin-bottom: 3px;
    box-sizing: border-box;
}

.checkboxDiv {
    background: transparent;
    border: none;
}

.userDataAddNewRowFormRowDivContent.textarea {
    height: 103px !important;
}

#userDataAddNewRowForm .textInput, #userDataAddNewRowForm textarea {
    border-width: 0px 0px 1px 0px;
    border-style: dotted;
    border-color: transparent transparent transparent transparent;
    transition: border 0.3s;
    padding: 5px 6px;
    box-sizing: border-box;
    width: 100%;
    background: #f9f9f9;
}

::-webkit-input-placeholder {
    font-style: italic;
    color: #444;
    text-align: left;
    font-weight: normal;
}

:-moz-placeholder { /* older Firefox*/
    font-style: italic;
    color: #444;
    text-align: left;
    font-weight: normal;
}

:-ms-input-placeholder {
    font-style: italic;
    color: #444;
    text-align: left;
    font-weight: normal;
}

#userDataAddNewRowForm .textSelect, #userDataAddNewRowForm .textSelect:focus[required] {
    border: 0;
    padding: 5px 6px;
    color: #333;
    box-sizing: border-box;
    width: 100%;
    background: #f9f9f9;
}

    #userDataAddNewRowForm .textInput:focus, #userDataAddNewRowForm .textSelect:focus {
        border-width: 0px 0px 1px 0px;
        border-style: solid;
        border-color: transparent transparent transparent transparent;
        background: #f9f9f9;
    }

/* hierarchy table */
#userAdministrationDataTable_hierarchyTable {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

#userAdministrationOuterHeadCell {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #ddd;
    font-weight: bold;
    text-align: center;
}

    #userAdministrationOuterHeadCell:last-child {
        border-right: 0;
    }

#userAdministrationInnerHeadCell {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #ddd;
    font-weight: bold;
    text-align: center;
}

#userAdministrationInnerCell {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#userAdministrationRowEven {
    background-color: #f2f2f2;
}

#userAdministrationRowOdd {
    background-color: #fff;
}

/* add hierarchy */
/*#userDataAddUserHierarchyRowForm {
    background: #c9c6c0;
    box-sizing: border-box;
    margin: 0 -3px 0 -3px;
}

    #userDataAddUserHierarchyRowForm fieldset {
        border: 0;
        box-shadow: none;
        margin-bottom: 0;
        padding: 0;
    }

        #userDataAddUserHierarchyRowForm fieldset > div {
            height: 30px;
            background: transparent;
            margin-bottom: 3px;
        }

            .excludeMailFromNewHierarchyLabel,
            #userDataAddUserHierarchyRowForm fieldset .userAdministrationNewHierarchyLevelLabel,
            #userDataAddUserHierarchyRowForm fieldset > div > div:nth-child(1) {
                height: 30px;
                line-height: 30px;
                background: #fff;
                border: 0;
                padding-left: 5px;
            }

#userDataAddUserHierarchyRowForm fieldset > div > div:nth-child(2) .selectBoxHolderDiv {
    background-color: #ffffff;
}

#userDataAddUserHierarchyRowForm fieldset > div > div:nth-child(2) .selectBoxActionDiv {
    width: 95%;
    float: left;
    line-height: 30px;
}

#userDataAddUserHierarchyRowForm fieldset > div > div:nth-child(2) .selectBoxActionItemDiv {
    max-width: none;
}*/

#userDataAdministration_resultDataTable .link, #userAdministrationRowOdd .link {
    cursor: pointer;
}

.excludeMailFromNewHierarchyCheckboxDiv {
    height: 30px;
    background: transparent !important;
    border: 0 !important;
}

#okHierarchiesDialogButton {
    margin-top: 10px;
}

.excludeMailFromNewHierarchyCheckboxDiv > input {
    margin: 8px 0 0 0;
}

.dd .arrow {
    display: none !important;
}

/* buttons */
.userDataAddNewRowFormRowButtonDiv {
    background: #fff;
    margin: 0 -18px -20px -18px;
    padding: 7px 0 17px 0;
}

#okButton, #cancelButton, #addUserHierarchyButton {
    margin-top: 2px;
    font-weight: normal;
    height: 30px;
}

div.ui-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset > button {
    cursor: pointer;
    background: #22313F;
    height: 50px;
    position: relative;
    top: 0px;
    float: right;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 2px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease 0s;
    color: #fff;
    border: none;
    padding: 10px 25px;
}

/* country + language + usertype */
/* set ul to invisible for the country + span for the language */
#countrySelect_msdd,
#userAdministrationLanguageSelect_msdd {
    display: none;
}

    #countrySelect_msdd:after {
        right: 0%;
    }

/* show select list for the country + span for the language  */
#countrySelect_msddHolder,
#userAdministrationLanguageSelect_msddHolder {
    overflow: hidden !important;
    position: relative !important;
    height: auto !important;
    width: 100%;
}

/* input: remove the red line in FF coming from the required attr */
[required] {
    box-shadow: none;
}
/* Adjusting the standard drop-arrow-style for the select boxes */
/* remove standard style */
select#countrySelect,
select#userTypeSelect,
select#userAdministrationLanguageSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 !important;
    border-radius: 0;
    outline: 0 !important;
}
    /* remove ie10 arrow */
    select#countrySelect:-ms-expand,
    select#userTypeSelect:-ms-expand,
    select#userAdministrationLanguageSelect:-ms-expand {
        display: none;
    }
/* add new style */
#countrySelect,
#userAdministrationLanguageSelect,
#userTypeSelect {
    background: #f9f9f9 url('Images/filter__arrow--down-grey.png') no-repeat 98% center !important;
}
/* select boxes */
.countrySelectDivBeforeSelect,
#userTypeDivBeforeSelect,
.languageSelectDivBeforeSelect {
    position: relative;
    overflow: hidden;
}

select#countrySelect,
select#userTypeSelect,
select#userAdministrationLanguageSelect {
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
    cursor: pointer;
}

select.userAdministrationSelect {
    font-style: italic;
    color: #888;
    text-align: left;
    font-weight: normal;
    margin-left: -5px;
}

    select.userAdministrationSelect > option {
        padding-left: 5px;
        font-style: normal;
    }

/* checkbox */
#activatedInput, #hotAlertsInput, #testaccountInput {
    margin-top: 9px;
}

/* add new news entry */

#landingPageNewsAddNewRowForm table {
    border-collapse: separate;
    border-spacing: 0 1px;
}

    #landingPageNewsAddNewRowForm table tbody tr td {
        padding: 5px 15px 5px 3px;
        height: 20px;
        background: #f0f0f0;
    }

        #landingPageNewsAddNewRowForm table tbody tr td select {
            padding: 2px;
            border: 2px solid #ddd;
        }

        #landingPageNewsAddNewRowForm table tbody tr td #entryLanguage_msdd {
            padding: 5px 0 5px 5px;
            border: 2px solid #ddd;
        }

        #landingPageNewsAddNewRowForm table tbody tr td input {
            padding: 5px 2px;
            width: 100%;
            border: 2px solid #ddd;
        }

            #landingPageNewsAddNewRowForm table tbody tr td select:focus,
            #landingPageNewsAddNewRowForm table tbody tr td #entryLanguage_msdd:focus,
            #landingPageNewsAddNewRowForm table tbody tr td input:focus {
                border: 2px solid #969696 !important;
                transition: border 0.3s;
                outline: 0;
            }

/*--------------------------------------------
4.25
Static HTML Pages
--------------------------------------------*/

#wrapper {
    width: 100%;
    height: auto;
    margin: 10px auto;
    background: #fff;
    margin: 0;
    position: relative;
}

.left {
    clear: left;
}

.right {
    clear: right;
}

.both {
    clear: both;
}

/*------------------------------------- 
-> content wrapper
-------------------------------------*/

#allContentDivWithoutSidebars {
    margin: 10px 10px 0px 10px;
}

.pageTitleDiv {
    margin: 15px 0 20px;
}

    .pageTitleDiv h1 {
        /*font-family: Arial, sans-serif;*/
        color: #333;
        padding: 5px 10px;
        background: rgba(255,255,255,0.7);
        display: inline-block;
        text-shadow: none;
        margin: 50px 0 15px;
    }

        .pageTitleDiv h1.overviewpage {
            color: #333;
            padding: 5px 10px;
            background: rgba(255,255,255,0.7);
            display: inline-block;
            text-shadow: none;
            margin: 55px 0 15px;
        }

p {
    color: #333;
    background: transparent;
    padding: 5px 0 5px 20px;
}
/*------------------------------------- 
-> newstile divs (only with zwischenseiten)
-------------------------------------*/

#mainContentDivWithoutSidebars h2.StudyLabelHeader {
    color: #000;
    background: transparent;
    padding: 5px 0 5px 10px;
    font-weight: bold;
    text-align: center;
}

.linkTilesDivLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    -webkit-transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -ms-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
    z-index: 50;
}

    .linkTilesDivLink:hover {
        background: rgba(255,255,255,0.5);
    }
/*------------------------------------- 
-> main content as the only column
(no sidebars)
-------------------------------------*/
#mainContentDivWithoutSidebars {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 15px;
}

.contentElementWithoutSidebars {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainContentDivWithoutSidebars h2 {
    color: #000;
    background: #ddd;
    padding: 5px 0 5px 10px;
}

    #mainContentDivWithoutSidebars h2 span {
        color: #fff;
    }

#mainContentDivWithoutSidebars p {
    color: #333;
    background: transparent;
    padding: 1px 0 15px 0;
}

#mainContentDivWithoutSidebars ul li {
    color: #333;
    background: transparent;
    padding: 1px 0 15px 0;
    margin-left: 25%;
    width: 70%;
}

#mainContentDivWithoutSidebars p a, #mainContentDivWithoutSidebars p a:visited, #mainContentDivWithoutSidebars p a:active {
    text-decoration: none;
    color: #1e8bc3;
}

    #mainContentDivWithoutSidebars p a.textLinkInPTag:hover {
        text-decoration: underline;
    }

#mainContentDivWithoutSidebars ul {
    color: #333;
    background: transparent;
    padding: 1px 0 15px 50px;
}

    #mainContentDivWithoutSidebars ul li {
        list-style: square;
        color: #333;
    }

    #mainContentDivWithoutSidebars ul.linkList li {
        list-style: none;
    }

        #mainContentDivWithoutSidebars ul.linkList li a, #mainContentDiv ul.linkList li a:visited, #mainContentDiv ul.linkList li a:active {
            text-decoration: none;
            color: #1e8bc3;
        }

    #mainContentDivWithoutSidebars ul li a:hover {
        text-decoration: underline;
    }

#mainContentDivWithoutSidebars .mainContentOuterFloatedDiv:nth-child(2) {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

#mainContentDivWithoutSidebars .mainContentOuterFloatedDiv:nth-child(3) {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,1);
}

#mainContentDivWithoutSidebars .mainContentOuterFloatedDiv:nth-child(4) {
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,1);
}

#mainContentDivWithoutSidebars .mainContentOuterFloatedDiv:hover {
    background: rgba(255,255,255,0.5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#mainContentDivWithoutSidebars .mainContentInnerFloatedDiv {
    float: left;
    max-width: 25%;
    height: auto;
}

    #mainContentDivWithoutSidebars .mainContentInnerFloatedDiv .mainContentInnerFloatedDivImage {
        max-width: 100%;
        height: auto;
    }

#mainContentDivWithoutSidebars .mainContentFloatedParagraph {
    width: 70%;
    float: right;
    text-align: left;
}

/*-------------------------------------------
4.26
Field Report
--------------------------------------------*/

#fieldReportValueTypeSelectionDiv {
    padding-top: 20px;
    padding-bottom: 10px;
}

    #fieldReportValueTypeSelectionDiv label {
        margin-right: 15px;
    }

.fieldReportMainSamplingStep td {
    background-color: #EEEEEE !important;
    font-weight: bold;
}

/*-------------------------------------------
4.27
Audio Player
--------------------------------------------*/

/* Individual Reports : Filter Settings : div / inline styling / position relative (so that the audioplayer box is positioned above the filter) */
/* Audio Player : playerdiv / inline styling / classes didn't seem to work */

/*
iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
*/

#audioFileDownloadIframe {
    display: none;
}

#audioPlayerDiv {
    display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -265px;
    margin-top: -50px;
    border: 3px solid #ffffff;
    background: #98A19C;
    width: 530px;
    height: 140px;
    border-radius: 10px;
    box-shadow: 0 0 8px 1px #bababa;
    z-index: 1000;
}

#audioPlayerContent {
    width: 480px;
    height: 115px;
    background: #98A19C;
    margin-top: 23px;
    margin-left: 25px;
}

#closeAudioFrame {
    position: absolute;
    top: 0%;
    right: 0%;
    margin-right: -15px;
    margin-top: -15px;
    background: url(../images/closeicon.png) no-repeat;
    height: 33px;
    width: 33px;
    display: block;
    cursor: pointer;
}

#audioFileDownloadDiv:hover {
    cursor: pointer;
}

#audioFileDownloadDiv {
    color: #ffffff;
    font: 12px Arial,Sans-Serif;
    text-decoration: underline;
    height: 28px;
    width: 136px;
    background: url(../images/downloadButton.png) 0px 13px no-repeat;
    padding-top: 18px;
    text-align: center;
}

/*-------------------------------------------
4.28
Action Planner
--------------------------------------------*/



/*-------------------------------------------
4.29
Summary Report Table
--------------------------------------------*/



/*-------------------------------------------
4.30
Favourites
--------------------------------------------*/

/*#favouritesHeaderDiv {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#favouritesSortingContentDiv {
    display: flex;
    margin: 0 0 15px 0;
    border-bottom: 2px solid #1c355d;
}

#favouritesSortingHolderDiv {
    display: inline-block
}


#favouritesSortingHeaderDiv {
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    color: #1c355d;
}

.favouritesSortingElementDiv {
    background: #ebf0f5;
    padding: 7.5px 10px;
    border-radius: 0 10px 0;
    margin: 0px 5px 10px 0px;
    display: flex;
    cursor: pointer;
    font-size: 0.8em;
}

    .favouritesSortingElementDiv:last-child {
        margin-right: 25px;
    }

.favouriteHolderElementDiv,
.favouriteHolderElementDiv flex {
    display: flex;
}

.favouriteLabelElementDiv {
    padding: 5px 0px;
    cursor: pointer;
    font-weight: normal;
    display: inline-block;
    line-break: strict;
}

    .favouriteLabelElementDiv:hover {
        color: #ddd;
    }

.favouriteIconElementDiv {
    padding: 5px 10px 5px 5px;
    cursor: pointer;
}

    .favouriteIconElementDiv i.activated {
        color: #1e8bc3;
    }

.favouritesSortingElementDiv .favouritesSortingAscendingIconElement {
    visibility: hidden;
    padding: 5px 2px 0px 0px;
}

.favouritesSortingElementDiv .favouritesSortingDescendingIconElement {
    display: none;
    padding: 0px 2px 5px 0px;
}*/


/*-----------------------------------------
5
Media Queries
--------------------------------------------*/
@media only screen and (max-width: 1366px) {
    /*.combinedFilterDiv #selectionAreaDiv {
                flex-wrap: wrap;
                padding: 0.7em 1em;
            }

            #selectionAreaDiv .selectionAreaRowDiv {
                width: 47%;
                margin-bottom: 1.5em;
            }

            .selectionAreaRowDiv .selectionElementDiv {
                display: flex;
                flex-wrap: nowrap;
            }

            .combinedFilterDiv #filterSettingsWrapperDiv {
                width: 400px;
            }

            .selectBoxActionDiv {
                max-width: 300px;
            }

            #selectionAreaPeriodsRowFromInput, #selectionAreaPeriodsRowToInput {
                width: 75px;
            }

            .selectBoxActionItemDiv {
                max-width: 100%;
            }

            #filterSettingsDiv {
                height: auto;
                width: 110px;
            }

            #selectionAreaRowDiv_periods .selectBoxWrapperDiv {
                flex: 1 0 auto;
            }

            span#selectionAreaPeriodsRowFromDescriptionSpan,
            input#selectionAreaPeriodsRowFromInput,
            span#selectionAreaPeriodsRowToDescriptionSpan,
            input#selectionAreaPeriodsRowToInput {
                /*height: 15px;*/
                /*margin-bottom: 6px;*/
                /*display: inline-block;*/
                /*padding: 8px 2px;
            }*/

            .landingPageContent_programElement_new {
                margin-right: -20px;
            }

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 265px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 157px;
                margin: 20px -24px 0;
            }

            .leadManagementModuleFormPartPostsOverviewDiv,
            .leadManagementModuleFormPartDiv {
                max-width: 330px;
                min-width: 280px;
            }


          
        }

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

            /*.combinedFilterDiv #filterSettingsWrapperDiv {
                width: 330px;
            }*/

          
        }

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

            .landingPageContent_programElement_new {
                margin-right: -20px;
            }

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 260px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 154px;
                margin: 20px -24px 0;
            }

            /*#contentHolderDiv {
                padding: 0 38px;
            }*/

            .leadManagementModuleFormPartPostsOverviewDiv,
            .leadManagementModuleFormPartDiv {
                max-width: 280px;
            }
        }

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

            /*.combinedFilterDiv {
                width: auto;
                flex-wrap: wrap;
            }

                .combinedFilterDiv #filterSettingsWrapperDiv {
                    width: 90%;
                    border-bottom: none;
                    background-color: transparent;
                }

                    .combinedFilterDiv #filterSettingsWrapperDiv #filterSettingsDiv {
                        width: 300px;
                        height: 100%;
                        margin: 2px 0 0 6px;
                        padding: 2px;
                        border-bottom: 3px solid #1e8bc3;
                    }

                        .combinedFilterDiv #filterSettingsWrapperDiv #filterSettingsDiv #filterSettingsLabelDiv {
                            padding-top: 5px;
                        }

                        .combinedFilterDiv #filterSettingsWrapperDiv #filterSettingsDiv #filterSettingsSelectedHolderDiv {
                            padding: 10px;
                        }

                        .combinedFilterDiv #filterSettingsWrapperDiv #filterSettingsDiv #filterSettingsListHolderDiv {
                            margin-left: -2px;
                        }

                .combinedFilterDiv #selectionAreaDiv {
                    width: 90%;
                    flex-wrap: wrap;
                    padding: 0.7em 1em;
                }

            .selectionAreaRowDiv .selectionElementLabelDiv {
                margin: 10px 0 0;
            }

            #selectionAreaDiv .selectionAreaRowDiv {
                width: 45%;
                margin-right: 3em;
            }*/

            div#reportFilterDiv .combinedFilterDiv .filterButtonDiv {
                width: 100%;
            }

            button#filterButton {
                width: 100%;
                border-radius: 0;
            }


            div#opportunityCaseDetails > .opportunityDetailGroupDiv,
            div#opportunityContactDetails > .opportunityDetailGroupDiv {
                width: 100%;
            }

            .opportunityDetailContentDiv {
                overflow: auto;
            }

            div.leadManagementModuleFormPartSurroundingDiv {
                display: block;
            }

            .leadManagementModuleFormPartPostsOverviewDiv,
            .leadManagementModuleFormPartDiv {
                max-width: unset
            }


            #navbarHeader .navbar-inner {
                width: 38px;
            }
        }

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

            /*#contentHolderDiv {
                padding: 0 10px;
            }*/

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 257px;
            }

            /*.dataTableHolderDiv {
                max-width: calc(100vw - 20px);
            }*/

            /*#dynamicReportLeadManagementOverviewDiv > div {
                flex: 1 1 auto;
            }

            #dynamicReportLeadManagementOverviewDiv div.leadManagementStatusModulDiv {
                min-width: unset;
                flex: 1 0 auto;
            }*/
        }

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

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 342px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 195px;
                margin: 20px -24px 0;
            }

           
        }

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

            /*#selectionAreaDiv .selectionAreaRowDiv {
                width: 65%;
                margin-right: 0;
            }*/

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 319px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 184px;
                margin: 20px -24px 0;
            }

            .dataTableHolderDiv {
                max-width: 100%;
            }
        }

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

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 303px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 176px;
                margin: 20px -24px 0;
            }

            
        }

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

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 269px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 159px;
                margin: 20px -24px 0;
            }

            
        }

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

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 255px;
            }


            /*#selectionAreaRowDiv_periods .selectionElementDiv {
                width: auto;
            }*/

            /*.leadManagementStatusResultLabelDiv {
                width: 65%;
            }

            #dynamicReportDataContentDiv .leadManagementStatusResultLabelDiv {
                width: 61%;
            }

            .leadManagementStatusImageLabelDiv {
                width: 15%;
            }

            .leadManagementStatusModulValueLabelDiv {
                width: 20%;
            }

            .leadManagementRootCausesOverviewRootCauseLabelDiv {
                width: 77%;
            }

            .leadManagementRootCausesOverviewRootCauseValueDiv {
                width: 23%;
            }*/
        }

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

            /*#selectionAreaDiv .selectionAreaRowDiv {
                width: 85%;
            }*/

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 235px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 142px;
                margin: 30px -24px 0;
            }

           
        }

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

            /*#selectionAreaRowDiv_periods .selectBoxWrapperDiv {
                min-width: 0px;
            }*/

           

            #footer p {
                padding-left: 0;
            }



            .ipsoslogo {
                margin-right: 10px;
            }

            #footer .footertext {
                float: none;
                margin-top: 0;
            }

            #footer .small {
                margin-top: 0;
            }

            #footer .footertext > p:nth-child(1) {
                float: none;
                padding-top: 0;
                padding-bottom: 0;
            }

            #informationsDiv {
                margin-top: 0;
            }

            /*.leadManagementStatusModulDiv,
            .leadManagementRootCausesOverviewModuleDiv {
                width: 80%;
            }*/
        }

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

            /*#selectionAreaDiv .selectionAreaRowDiv {
                width: 100%;
            }

            #selectionAreaRowDiv_periods .selectBoxActionDiv {
                width: auto;
            }*/

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 345px;
                height: 220px;
            }


            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 197px;
                margin: 30px -24px 0;
            }

            .dataTables_info {
                margin-top: 15px;
            }

            .dataTables_paginate {
                margin-top: 5px;
            }

            #headline span#mainMasterPageHeaderTitleSpan {
                font-size: 1.0em;
            }

            
        }

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

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 305px;
                height: 220px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 177px;
                margin: 30px -24px 0;
            }
        }

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

            .landingPageContent_countElement,
            .landingPageContent_kpiElement,
            .landingPageContent_textElement {
                width: 290px;
                height: 220px;
            }

            .inside-left-open, .inside-left-closed, .inside-left-well-done,
            .inside-right-open, .inside-right-closed, .inside-right-well-done {
                width: 169px;
                margin: 30px -24px 0;
            }

            .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
                margin: 0;
                margin-right: 3px;
            }

            /*.combinedFilterDiv #filterSettingsWrapperDiv {
                width: 94%;
            }

                .combinedFilterDiv #filterSettingsWrapperDiv #filterSettingsDiv {
                    width: 100%;
                }

            .selectionAreaRowDiv .selectionElementDiv {
                width: calc(75vw - 15px);
            }

            #selectionAreaRowDiv_periods .selectionElementDiv {
                width: auto;
            }*/
        }
        /* InterviewDetailPage*/
       
        /*
********************************************************************
    MISCELLENEOUS
********************************************************************
*/
        /* hide datatable search filter */
        .dataTables_filter {
    display: none;
}

#contactDetailsDiv, #hotAlertDetailsDiv {
    display: none;
}

#log {
    border: 1px solid grey;
    background-color: #fff;
    padding: 10px;
    margin: 10px;
}

.logLevel_info {
}

.logLevel_warn {
    color: #c50;
}

.logLevel_exception {
    font-weight: 800;
    color: #f00;
}

.caseAnswersDetailsColorLegendBarCellDiv {
    border: 1px solid #dadfe1;
    color: #fff;
    float: left;
    font-weight: bold;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin: 15px 0;
    box-sizing: border-box;
    border-width: 11px !important;
    border-style: solid !important;
}

/* Tooltip Options */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23,0.635,0.495,1);
    -webkit-transition-timing-function: cubic-bezier(0.23,0.635,0.495,2.4);
    -moz-transition-timing-function: cubic-bezier(0.23,0.635,0.495,2.4);
    -ms-transition-timing-function: cubic-bezier(0.23,0.635,0.495,2.4);
    -o-transition-timing-function: cubic-bezier(0.23,0.635,0.495,2.4);
    transition-timing-function: cubic-bezier(0.23,0.635,0.495,2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1);
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1)
}

.tooltipster-ipsos {
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    background: #f6f6f6;
    color: #b8b8b8;
    font: 1em/1.5 "Lato",sans-serif
}

.tooltipster-ipsos .tooltipster-content {
    padding: 20px;
    min-width: 140px;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2
}

.tooltipster-ipsos .tooltipster-content .icon {
    display: block;
    margin: 0 auto 5px auto
}
/* --- */

/*#topLeftMenu {
    padding: 50px;
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 40px;
    padding-left: 200px;
}

#topRightMenu {
    padding: 50px;
    z-index: 1000000;
    position: absolute;
    color: white;
    font-size: 40px;
    right: 0px;
}

.menu-nav i {
    margin-right: 30px;
    cursor: pointer;
}

.topLeftMenuDiv a, .topRightMenuDiv a{
    color: white;
}

#popupWindow #popupHeaderContent::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 55px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent red transparent;
}

.topLeftMenuDiva a i {
    display: block;
}

#topLeftMenuContent li {
    float: left;
}*/

/*#functionMenuTabs{
    width: 100%;
    display: flex;
    border-bottom: 1px solid black;
}

#functionMenuTabs i {
    font-size: 30px;
    cursor: pointer;
}

.profileTab{
    margin-left: auto;
    margin-right: auto;
}

#profileHeaderText {
    margin-block-start: 0;
    margin-block-end: 0;
}*/

/*.languageFlagDiv {
    height: 35px;
    width: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.languageSelectDiv {
    margin-right: auto;
    display: flex;
    cursor: pointer;
    background-color: white;
}

.languageSelectDiv:hover {
    background-color: #bfd0ec;
}

#languageContainerDiv {
    display: flex;
    flex-wrap: wrap;
}

.languageTextDiv{
    margin-right: 20px;
}

changePasswordHeader {
    font-size: 20px;
    padding: 10px;
}*/

#dashboardHtmlContainer .highcharts-axis{
    display: none; 
}

.hotAlertEditQuestionTableRow{
    cursor: default;
}