.Dashboard .DashboardElement_Filter {
    float: left;
    background-color:#1f77b4;
    color: #FFFFFF;
    box-shadow: 0 1px 2px #c8d1d3;
    border-radius: 5px;
    margin:20px;
    padding:20px;
    cursor: pointer;
    min-width: 200px;
    overflow: hidden;
}
.Dashboard_Filter_Select_Values_Value_Only {
    visibility: hidden;
    cursor: pointer;
    float: right;
}
.Dashboard_Filter_Select_Values_Value:hover .Dashboard_Filter_Select_Values_Value_Only {
    visibility: visible;
}
.Dashboard_Filter_Select_Values_Value_Only:hover {
    text-decoration: underline;
}

.Dashboard {
    height: 100%;
}

.Dashboard .Chart_Empty {
    background: #CCCCCC;
}

.Dashboard .DashboardColumn {
    height: 100%;
    float:left;
}

.Dashboard .DashboardRow {
    clear: both;
}

.Dashboard .DashboardRow_Add {
    text-align: center;
    border-top:1px solid #191a1f;
    transition: border-color .5s;
    cursor: pointer;
    margin:0px 18px;
    width:calc(100% - 60px);
    height: 21px;
}
.Dashboard .DashboardRow_Add div {
    background-color: #191a1f;
    border-radius: 11px;
    color: #FFFFFF;
    margin: auto;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    line-height: 0;
    transition: background-color .5s, color .5s;
}
.Dashboard .DashboardRow_Add:hover,
.Dashboard .DashboardColumn_Add:hover {
    border-color:#048eaa;
}
.Dashboard .DashboardRow_Add:hover div,
.Dashboard .DashboardColumn_Add:hover div {
    background-color: #048eaa;
    color: #FFFFFF;
}

.Dashboard .DashboardColumn_Add {
    border-left:1px solid #191a1f;
    transition: border-color .5s;
    cursor: pointer;
    margin: 20px 0px;
    height: calc(100% - 40px);
    float: left;
    width: 11px;
    margin-left: 11px;
}
.Dashboard .DashboardColumn_Add div {
    background-color: #191a1f;
    border-radius: 11px;
    color: #FFFFFF;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    text-align: center;
    transition: background-color .5s, color .5s;
}

.Dashboard .Element_Settings {
    width:100%;
    height: 100%;
    background: #FFFFFF;
}

.Dashboard .DashboardElement {
    background: #FFFFFF;
    box-shadow: 0 1px 2px #c8d1d3;
    border-radius: var(--border-radius);
    margin: 20px;
    padding: 20px;
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    overflow: hidden;
}
    .Dashboard .DashboardElement_NoBox,
    .Dashboard .DashboardElement_Table,
    .Dashboard .DashboardElement_tagmap {
        background: inherit !important;
        box-shadow: none !important;
        border-radius: 0px;
        padding: 0px;
        height: calc(100% - 40px);
        width: calc(100% - 40px);
    }
.Dashboard .DashboardElement_Inline {
    display: inline-block;
    width: auto !important;
    height: auto !important;
}
    .Dashboard .DashboardElement_DataFacts {
        margin: 0px;
        padding: 0px;
        height: calc(100% - 0px);
        width: calc(100% - 0px);
    }
    .Dashboard .DashboardElement iframe {
        height: 100%;
        width: 100%;
    }
.Dashboard .DashboardElement_WithTitle {
    margin-top: 0px;
    height: calc(100% - 122px);
}
    .Dashboard .DashboardElement_Treemap,
    .Dashboard .DashboardElement_Map,
    .Dashboard .DashboardElement_Gender,
    .Dashboard .DashboardElement_Column2,
    .Dashboard .DashboardElement_Tags,
    .Dashboard .DashboardElement_Panel,
    .Dashboard .DashboardElement_emotion_track,
    .Dashboard .DashboardElement_sentiment,
    .Dashboard .DashboardElement_Lead,
    .Dashboard .DashboardElement_Emotions2,
    .Dashboard .DashboardElement_tagmap
    .Dashboard .DashboardElement_EmotionTriggers,
    .DashboardElement_NoBox,
    .DashboardElement_Search {
        padding: 0px;
        height: calc(100% - 82px);
        width: calc(100% - 40px);
    }
.Dashboard .DashboardElement_EmotionTriggers,
.Dashboard .DashboardElement_sentiment {
    box-shadow: none;
    background: #e7edee;
}
.Dashboard .DashboardElement_Table {
    overflow: auto;
}
.Dashboard .DashboardElement_Lead {
    height: auto;
}
.Dashboard .DashboardElement_InfoBox {
    box-shadow: none;
    background: transparent;
    margin: 0px 20px;
    padding:0px;
    width: calc(100% - 40px);
    height: 100%;
}
.Dashboard .DashboardElement_Filter {
    padding:0px;
    height: auto;
}

.Dashboard .DashboardElement_Title {
    font-size: 14pt;
    font-family: Arial;
    font-weight: bold;
    color: #048EAA;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Dashboard .DashboardColumn:hover h4 {
    /*letter-spacing: 2px;*/
}

.Dashboard .Dashboard_Filter {
    background: #FFFFFF;
    color: #000000;
    text-align: right;
    opacity: .5;
    padding: 20px;
    transition: background-color .5s, color .5s, opactity .5s;
}
.Dashboard .Dashboard_Filter_Active {
    background: var(--color1);
    color: #FFFFFF;
    /*text-align: right;*/
    opacity: 1;
}

.Dashboard .Dashboard_Fact {
    font-size: 16pt;
    padding: 20px;
    background: linear-gradient(0deg, rgba(55,72,104,1) 0%, rgba(65,81,111,1) 100%);
    color: #FFFFFF;
}

.Dashboard_Filter_Select {
    padding: 15px;
}
.DashboardElement_Filter_Select {
    height: auto !important;
    width: calc(100% - 40px) !important;
    cursor: pointer;
    padding: 0px !important;
    transition: background-color .25s, color .25s;
    white-space: nowrap;
    border-radius: var(--border-radius-small) !important;
}
.DashboardElement_Filter_Select_Active {
    background: var(--color1) !important;
    color: #FFFFFF;
}
.DashboardElement_Filter_Select_Dark .DashboardElement_Filter_Select_Selected {
    color: #EEEEEE;
}
.Dashboard_Filter_Select_Values {
    position: absolute;
    z-index: 12;
    margin-top: 20px;
    margin-left: -15px;
    max-height: 600px;
    overflow: auto;
    max-width: 600px;
}
.Dashboard_Filter_Select_Values_Value {
    cursor: pointer;
    padding: 20px;
    padding-left: 40px;
    background-color: var(--background2);
    border-radius: 5px;
    box-shadow: 0 1px 2px #c8d1d3;
    margin-top: 2px;
    color: #000000;
    transition: background-color .25s, color .25s;
}
    .Dashboard_Filter_Select_Values_Value:hover {
        background-color: var(--background1);
    }
.Dashboard_Filter_Select_Values_Value_Active,
.Dashboard_Filter_Select_Values_Value_Active:hover {
    /*background-color: #048eaa;
    color: #FFFFFF;*/
    background-image: url('/defaults/icon_filter_selected.png');
    background-repeat: no-repeat;
    background-position: 10px 20px;
    background-size: 20px;
}
.DashboardElement_Filter_Select_Selected {
    float: right;
    max-width: 50%;
    max-height: 40px;
    font-style: italic;
    color: #888888;
    font-size: var(--font-size-small);
    transition: color .25s;
    overflow: hidden;
    padding-right: 10px;
}
.DashboardElement_Filter_Select_Active .DashboardElement_Filter_Select_Selected,
.Dashboard_Filter_Active .DashboardElement_Filter_Select_Selected {
    color: #FFFFFF;
}

.DashboardElement_Filter_Select_Search {
    display: none;
    position: absolute;
    margin-top: -9px;
}
.DashboardElement_Filter_Select_Active .DashboardElement_Filter_Select_Search {
    display:block;
}

.DashboardElement_Button {
    padding: 0px !important;
    height: calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
}
.Dashboard_Button {
    cursor: pointer;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #444444;
    box-shadow: 0 1px 2px #c8d1d3;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    transition: background-color .2s, color .2s;
}
.Dashboard_Button:hover {
    background-color: #048eaa;
}
.Dashboard_Button_Text {
    background: #FFFFFF;
    font-size: 14pt;
    font-weight: bold;
    padding: 19px;
}
.Dashboard_Button_Text:hover {
    color: #048eaa;
    background-color: #FFFFFF;
}

.Dashboard_Button_Svg {
    /*width: calc(100% + 20px);
    height: calc(100% + 20px);*/
    width:50px;
    height:50px;
    /*transform:translate(25%, 25%);*/
    transform: translate(50%, 25%);
    fill: #444444;
    cursor: pointer;
    margin: -10px -10px 0px 0px;
    margin-top:calc(50% - 50px);
}
.Dashboard_Button_Svg:hover {
    fill: #048eaa;
}

.Dashboard_Button_Svg2 {
    /*width: calc(100% + 20px);
    height: calc(100% + 20px);*/
    width:30px;
    height:30px;
    /*transform:translate(25%, 25%);*/
    fill: #444444;
    cursor: pointer;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}
.Dashboard_Button_Svg2:hover {
    fill: #048eaa;
}

.Dashboard_Filter_Select_Values_Value_All,
.Dashboard_Filter_Select_Values_Value_None {
    width: calc(50% - 60px);
    display: inline-block;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}
.Dashboard_Filter_Select_Values_Value_All {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.Dashboard_Filter_Select_Values_Value_None {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}