html {
        -webkit-print-color-adjust: exact;
    }

    .delreq-disclaimer {
        color: grey;
        line-height: 18px;
        font-size: 12px;
        margin-top: 18px;
    }

    .default-hidden {
        display: none;
    }

    .form-input.no-border {
        border: 0 !important;
    }
    /* Hässlicher Background von Autofill */
    
    .page-in input:-webkit-autofill,
    .page-in input:-webkit-autofill:hover,
    .page-in input:-webkit-autofill:focus,
    .page-in input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }
    /* Hässlicher Background von Autofill */
    
    .page-out input:-webkit-autofill,
    .page-out input:-webkit-autofill:hover,
    .page-out input:-webkit-autofill:focus,
    .page-out input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    }
    /* roboto-100 - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url('../assets/fonts/roboto/roboto-v20-latin-100.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Thin'), local('Roboto-Thin'), url('../assets/fonts/roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-100.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-100italic - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 100;
        src: url('../assets/fonts/roboto/roboto-v20-latin-100italic.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../assets/fonts/roboto/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-100italic.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-300 - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url('../assets/fonts/roboto/roboto-v20-latin-300.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Light'), local('Roboto-Light'), url('../assets/fonts/roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-300.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-300italic - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 300;
        src: url('../assets/fonts/roboto/roboto-v20-latin-300italic.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../assets/fonts/roboto/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-300italic.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-regular - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url('../assets/fonts/roboto/roboto-v20-latin-regular.eot');
        /* IE9 Compat Modes */
        src: local('Roboto'), local('Roboto-Regular'), url('../assets/fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-italic - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url('../assets/fonts/roboto/roboto-v20-latin-italic.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Italic'), local('Roboto-Italic'), url('../assets/fonts/roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-italic.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-500 - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url('../assets/fonts/roboto/roboto-v20-latin-500.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Medium'), local('Roboto-Medium'), url('../assets/fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-500italic - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url('../assets/fonts/roboto/roboto-v20-latin-500italic.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../assets/fonts/roboto/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-500italic.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-700 - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url('../assets/fonts/roboto/roboto-v20-latin-700.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Bold'), local('Roboto-Bold'), url('../assets/fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-700italic - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url('../assets/fonts/roboto/roboto-v20-latin-700italic.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../assets/fonts/roboto/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-700italic.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-900 - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url('../assets/fonts/roboto/roboto-v20-latin-900.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Black'), local('Roboto-Black'), url('../assets/fonts/roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-900.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    /* roboto-900italic - latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 900;
        src: url('../assets/fonts/roboto/roboto-v20-latin-900italic.eot');
        /* IE9 Compat Modes */
        src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../assets/fonts/roboto/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../assets/fonts/roboto/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
        url('../assets/fonts/roboto/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../assets/fonts/roboto/roboto-v20-latin-900italic.svg#Roboto') format('svg');
        /* Legacy iOS */
    }
    
    @font-face {
        font-family: 'Netto';
        font-style: normal;
        font-weight: 400;
        src: url('../assets/fonts/netto/netto.eot?');
        /* IE9 Compat Modes */
        src: local('Netto'), local('Netto'), url('../assets/fonts/netto/netto.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/netto/netto.woff2') format('woff2'), url('../assets/fonts/netto/netto.woff') format('woff'), url('../assets/fonts/netto/netto.ttf') format('truetype')
    }
    /* pt-sans-700 - latin */
    
    @font-face {
        font-family: 'Netto';
        font-style: normal;
        font-weight: bold;
        src: url('../assets/fonts/netto/netto-bold.eot');
        /* IE9 Compat Modes */
        src: local('Netto'), local('Netto'), url('../assets/fonts/netto/netto-bold.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/netto/netto-bold.woff2') format('woff2'), url('../assets/fonts/netto/netto-bold.woff') format('woff'), url('../assets/fonts/netto/netto-bold.ttf') format('truetype')
    }
    
    body {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        background-color: #f9f9f9;
        margin: 0;
        /* position: relative; */
    }
    
    textarea {
        font-family: 'Roboto', sans-serif;
        line-height: 24px;
        resize: none;
    }

    /************************************
    *									*
    *	Pages							*							
    *									*
    *************************************/
    
    .page-out {
        /* width: 1440px; */
        /* height: 1024px; */
        margin: auto auto;
        background-color: #fff;
        height: 100vh;
        width: 100%;
    }
    
    .siteWrap {
        min-height: 100vh;
        display: flex;
        align-items: center;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .page-in {
        min-width: 1440px;
        width: 100%;
        /*  height: 1024px; */
        margin: auto auto;
        background-color: #f5f6fa;
    }
    /************************************
    *									*
    *	Notificationbar					*							
    *									*
    *************************************/
    
    #content {
        position: relative;
        display: table;
    }
        
    #notificationbar {
        display: block;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        width: 300px !important;
        min-width: 300px !important;
        right: 0px;
        top: 40px;
        position: fixed;
        padding: 0 4px;
        color: #ffffff;
        z-index: 10000;
        font-size: 14px;
        line-height: 20px;
    }
    
    #notificationbar .entry {        
        display: flex;
        padding: 14px;
        border-radius: 6px;
        margin-top: 8px;        
        margin-bottom: 8px;    
        cursor: pointer;    
    }

    #notificationbar .entry.success {
        background-color: #4b8488;
    }

    #notificationbar .entry.error {
        background-color: #ccb1b1;
    }

    #notificationbar .icon {
        text-align: center;
        width: 36px;
        margin-right: 4px;
        padding-top: 00px;
    }
    #notificationbar .entry i {
        font-size: 22px; 
        margin-right: 8px;

    }
    #notificationbar .icon i  {
        display: none;
    }

    #notificationbar .success i.success,
    #notificationbar .spinner i.spinner,
    #notificationbar .error i.error  {
        display: block;
    }    
        
    /************************************
    *									*
    *	Sidebar							*							
    *									*
    *************************************/
    
    .sidebar {
        float: left;
        min-width: 56px;
        height: 100vH;
        background-color: #ffffff;
        border-right: 1px solid #e9edf0;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 51;
    }
    
    .sidebar .h-40 {
        height: 40px;
        width: auto;
        margin: 12px;
    }
    
    .sidebar .h-35 {
        height: 35px;
        padding: 12px;
    }
    
    .sidebar .icon {
        float: left;
        width: 35px;
        height: 30px;
        border-radius: 4px;
        margin-right: 9px;
        display: block;
        padding-top: 6px;
        text-align: center;
        color: #422f7e;
        font-size: 20px !important;
    }
    
    .sidebar .admin .icon {
        color: #a500af;
    }
    
    .sidebar .h-35:hover {
        /* opacity: 0.1;
	background-color: #422f7e;*/
        cursor: pointer;
    }
    
    .sidebar .h-35.return-override {
        visibility: hidden;
    }
    
    .sidebar .h-35.return-override.show {
        visibility: visible;
    }
    
    .sidebar .h-35.active .icon {
        background-color: #422f7e;
        color: #f5f6fa;
    }
    
    .sidebar .h-35:not(.active):not(.display):hover .icon {
        background-color: #eceaf2;
    }
    
    .sidebar .sidebar-expanded {
        font-weight: bold;
        color: #3f3e45;
        display: none;
    }
    
    .sidebar .h-35.active .sidebar-expanded,
    .sidebar .h-35:hover .sidebar-expanded {
        color: #422f7e;
    }
    
    .sidebar .h-35.display .icon {
        background-color: #422f7e;
        color: #ffffff;
    }
    
    .sidebar .h-35.display .sidebar-expanded {
        display: block;
        z-index: 100;
        float: left;
        position: absolute;
        left: 45px;
        background-color: #422f7e;
        color: #fff;
        width: max-content;
        padding: 10px 20px 9px 20px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .sidebar .h-40 .sidebar-expanded {
        display: none;
        float: left;
        padding-top: 13px;
        padding-left: 5px;
        font-family: Netto;
        font-size: 18px;
    }
    
    .sidebar .h-35 .sidebar-expanded {
        display: none;
        width: 203px;
        float: left;
        padding-top: 10px;
        padding-left: 5px;
        height: 17px;
    }
    
    .sidebar-expander .icon.out {
        display: none;
    }
    
    .sidebar-expander[out="0"] .out-1,
    .sidebar-expander[out="1"] .out-0 {
        display: none;
    }
    
    .sidebar-expander[out="1"] .out-1,
    .sidebar-expander[out="0"] .out-0 {
        display: inline-block;
    }

    .sidebar .overlay-fa {
        position: absolute;
        margin: -1px -1px 0px -30px;
        font-size: 20px;
        font-weight: bold;
    }

    /************************************
*									*
*	Headbar							*							
*									*
*************************************/
    
    .header-holder {
        width: 100%;
        padding: 0 0 0 70px;
        -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;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 50;
    }

    .headbar .addfilter {
        min-width: 135px;
    }
    
    .data.no-sidebar {
        padding-left: 52px! important;
    }
    
    .header-holder.no-sidebar {
        padding-left: 0! important;
    }
    
    .header-holder.sidebar-visible {
        padding-left: 277px !important;
    }
    
    .headbar {
        /* position: sticky; */
        /* position: fixed; */
        top: 0;
        z-index: 50;
    }
    
    .headbar .divisor {
        width: 1px;
        height: 24px;
        background-color: #e9edf0;
        margin: 14px 2px 0 2px;
    }
    
    div.hr {
        width: 100%;
        height: 1px;
        background-color: #e9edf0;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
    .search-parent {
        width: 490px;
        min-height: 110px !important;
        padding: 12px 24px 72px 24px !important;      
        position: relative; 
    }

    .search-config {
        width: 550px;
    }

    .search-config-detail {
        position: relative; 
        margin-bottom: 16px;       
    }

    .search-config-connector,
    .search-control {
        width: 288px;
        position: relative;        
    }


    .search-config-detail .search-config-input-holder {
        position: relative;
        width: 264px;
        display: inline-block;
        float: left;
    }

    .search-config-detail .search-config-input-holder input {
        line-height: 18px;
        padding: 8px 16px;
        border-radius: 4px;
        border: 1px solid #e9edf0;
        width: 254px;
        outline: 0;
    }

    .search-config-detail .search-config-input-holder i {
        display: none;
    }

    .search-config-detail .search-config-input-holder:hover i {
        position: absolute;
        top: 12px;
        right: 24px;
        cursor: pointer;
        display: block;
    }

    .search-config-detail .form-input {
        border-radius: 4px;
        background-color: #ffffff;
        padding: 5px 15px;
        border-left: solid 1px #e9edf0 !important;        
        border-top: solid 1px #e9edf0 !important;        
        border-right: solid 1px #e9edf0 !important;        
        border-bottom: solid 1px #e9edf0 !important;     
        color: #000;
        font-weight: 500; 
        width: 130px;
        padding: 10px;

    }
    .search-config-detail .form-input i {
        margin-top: 1px;
    }

    .search-config-detail .dropdown-overlay i.close {
        margin-top: -17px !important;
        margin-right: -7px!important;
    }    


    .search-config-detail .input-group {
        width: 130px;
        float: left;
        margin-left: 36px;       
    }
    .search-config-detail .dropdown-holder  {
        top: -1px;
        left: 0px;
        width: 153px;
    }

    .search-config-detail .dropdown-holder .dropdown-overlay {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        padding: 13px 14px;
        height: 11px;
        width: 125px;
        font-size: 12px;
    }



    .search-config-detail .dropdown-holder .dropdown-options {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    
    .search-config-detail .search-config-detail.last {
        margin-bottom: 56px;
    }

    .search-control {
        position: absolute;
        bottom: 16px;
    }

    .search-config-button {
        background-color: #ffffff;
        padding: 5px 15px;
        display: inline-block;
        margin-bottom: 16px;
        margin-top: 16px;
        border-radius: 8px;
        font-weight: 500;
        cursor: pointer;
    }

    .search-config-button:hover, 
    .search-config-button.active
     {
        color: #ffffff;
        background-color: #7f9bb4;        
    }

    .search-connector-button:hover,
    .search-connector-button.active {
        color: #ffffff;
        background-color: orange;                
    }

    .search-remove-rule {
        float: left;
        margin-left: 36px;
        margin-top: 6px;
        color: rgba(240, 154, 154, 0.9);
        padding: 6px;
        border-radius: 4px;
        cursor: pointer;
    }

    .search-remove-rule:hover {
        background-color: rgba(240, 154, 154, 0.4);
        color: rgba(240, 154, 154, 0.9);    
    }



    .search-info {
/*         float: right;
        text-align: left;
        width: 130px;
        padding: 4px 16px;
        height: 100%; */
        display: flex;
        border-bottom: 1px solid #ccc;
    }

    .search-info i {
        color: rgba(255, 165, 0, 1);
        margin: 4px 16px 16px 10px;
        font-size: 20px;
    }
    .search-start {
        margin-top: 16px !important;

    }
    .headbar,
    .filterbar,
    .search-parent,
    .date-parent,
    .sort-parent,
    .downloads-parent,
    .help-parent,
    .bookmarks-parent,
    .notifications-parent,
    .menu-parent,
    .switch-graph-parent,
    .switch-graph-type-parent,
    .switch-graph-download-parent,
    .switch-graph-search-parent,
    .dashboard-list-parent {
        /* width: 100%;*/
        height: 26px;
        padding-top: 5px;
        background-color: #ffffff;
        color: #3f3e45;
        font-size: 12px !important;
        border-bottom: 1px solid #e9edf0;
        cursor: pointer;
    }

    
    .search-parent,
    .menu-parent {
        cursor: default !important;
    }
    
    .menu-parent .entry:not(.seperator) {
        cursor: pointer;
    }
    
    .newupdate {
        position: absolute;
        top: 4px;
        color: white;
        width: 32px;
        height: 16px;
        border-radius: 5.1px;
        background-color: #0f5b60;
        line-height: 16px;
        font-size: 12px;
        left: 35px;
        display: inline-block;
    }

    .newupdate-sidebar {
            color: white;
            width: 32px;
            height: 16px;
            border-radius: 5.1px;
            background-color: #0f5b60;
            line-height: 16px;
            font-size: 12px;
            display: inline-block;
            text-align: center;
            margin-left: -100px;
            margin-top: 9px;
    }
    
    
    .newupdate-inline {
        color: white;
        width: 32px;
        height: 16px;
        border-radius: 5.1px;
        background-color: #0f5b60;
        line-height: 16px;
        font-size: 12px;
        display: inline-block;
        text-align: center;
    }

    .graph-nav .newupdate-inline {
        color: white;
        width: 32px;
        height: 18px;
        border-radius: 5px;
        background-color: #0f5b60;
        line-height: 18px;
        font-size: 10px;
        display: block;
        text-align: center;
        margin-top: 0px;
        margin: -8px 4px 0;
        float: right;      
    }

    .gmb-location-detail .newupdate-inline {
        margin: 0px !important;
    }
    
    .switch-graph-parent,
    .switch-graph-type-parent,
    .switch-graph-download-parent,
    .switch-graph-search-parent {
        height: auto !important;
        padding-top: 15px;
        border: 0 !important;
    }
    
    .switch-graph-type .divisor {
        opacity: 0.3;
        text-transform: none !important;
        padding: 5px 0 10px 46px;
        font-weight: bold;
    }
    
    .filterbar {
        padding-bottom: 30px;
    }
    
    .headbar {
        padding-bottom: 30px;
        width: 100%;
    }
    
    .filterbar {
        padding: 15px 40px 15px 40px;
        min-height: 30px !important;
    }
    
    .filterbar,
    .date-parent,
    .sort-parent,
    .search-parent,
    .downloads-parent,
    .bookmarks-parent,
    .dashboard-list-parent {
        display: none;
        height: auto;
    }
    
    .help-parent {
        height: auto;
    }
    
    .bookmarks-parent .parent-list {
        padding: 20px 0px 20px 0x;
    }
    
    .date-parent {
        width: 1011px;
    }
    
    .menu-parent {
        width: 280px;
        padding-left: 10px;
        height: auto;
        padding-right: 10px;
        font-size: 14px !important;
    }
    
    .parent .entry:not(.seperator):hover,
    .parent .entry.selected {
        color: #0f5b60;
    }
    
    .bookmark-line .remove {
        display: none;
        float: right;
        margin-top: 10px;
        margin-right: 20px;
    }
    
    .parent .entry .remove {
        display: none;
        float: right;
        margin-right: 20px;
    }
    
    .parent .bookmark-line:hover .remove,
    .parent .entry:hover .remove {
        display: block;
    }
    .headbar.infobar {
        padding: 16px 0 4px 560px;
        color: #3f3e45;
        font-size: 13px !important;
        display: none;
    }

    .headbar.infobar[data-n="1"] .single,
    .headbar.infobar:not([data-n="1"]) .multi {
        display: inline-block;
    }

    .headbar.infobar:not([data-n="1"]) .single,
    .headbar.infobar[data-n="1"] .multi {
        display: none;
    }

    .headbar .sector {
        opacity: 0.5;
        margin-right: 5px;
    }
    
    .headbar .value {
        font-weight: bold;
    }
    
    .headbar .wrapper {
        /* padding-top: 2px;*/
        padding: 7px 19px;
        display: block;
        float: left;
        /* margin-left: 24px; */
        cursor: pointer;
    }
    
    .headbar .cell {
        float: left;
        height: 100%;
        text-align: center;
        /* padding-top: 5px; */
        padding: 10px;
    }
    
    .headbar .cell.dashboard-list {
        width: 240px;
        margin-left: 15px;
    }
    
    .headbar .cell.dashboard-list .menu-overlay {
        width: 260px;
    }
    
    .headbar .cell.dashboard-list .menu-overlay .menu-holder {
        height: 29px;
    }
    
    .headbar .cell.sort {
        width: 200px;
    }
    
    .headbar .cell:not(.search):hover {
        background-color: #a096be;
        color: #ffffff !important;
    }
    
    .headbar .search .input-holder {
        display: none;
    }
    
    .headbar .search.active .input-holder {
        display: inline-block;
    }
    
    .headbar .search input.error {
        border-color: #d79090;
    }
    
    .headbar .search.active input {
        display: inline-block;
    }
        
    .headbar .search input::placeholder {
        color: #3F3E4580;
    }
    
    .headbar .search input:-ms-input-placeholder {
        color: #3F3E4580;
    }
    
    .headbar .search input::-ms-input-placeholder {
        color: #3F3E4580;
    }
    
    .headbar .menu-overlay {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #422f7e;
        color: #ffffff;
        text-align: left;
        width: 100px;
        z-index: 1;
    }

    .headbar .search .menu-overlay {
        left: -1px !important;
    }
    
    .headbar .menu-overlay .menu-holder {
        height: 29px;
        padding: 17px 10px 0 15px;
        cursor: pointer;
    }
    
    .headbar .menu .menu-overlay .menu-holder {
        padding: 17px 10px 0 10px;
    }
    
    .headbar .menu-overlay .divisor {
        bottom: 5px;
        left: -2px;
        height: 10px;
        background-color: #ffffff;
        width: 159px;
        border-left: 1px solid #e9edf0;
        border-right: 1px solid #e9edf0;
    }
    
    .headbar .menu-overlay .parent {
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
        height: 100%;
    }
    
    .headbar .filter .menu-overlay {
        height: 46px;
        width: 155px;
    }
    
    .headbar .filter .menu-overlay .menu-holder {
        height: 45px;
        width: 129px;
    }
    
    .headbar .filter .menu-overlay .divisor {
        width: 153px;
    }
    
    .headbar .date .menu-overlay {
        width: 238px;
    }
    
    .headbar .date .menu-overlay .menu-holder {
        height: 29px;
        width: 210px;
    }
    
    .headbar .date .nav {
        width: 130px;
        padding: 0 0 0 20px;
        border-right: 1px solid #e9edf0;
        font-size: 14px;
        color: #000000;
        float: left;
    }
    
    .headbar .date .nav span {
        display: block;
        line-height: 36px;
        cursor: pointer;
    }
    
    .headbar .date .nav span:hover {
        color: #0f5b60;
    }
    
    .headbar .sort .menu-overlay {
        width: 220px;
    }
    
    .headbar .notifications .menu-overlay {
        width: 243px;
    }
    
    .headbar .notifications .counter {
        background-color: red;
        border-radius: 16px;
        height: 14px;
        width: 16px;
        position: absolute;
        color: #fff;
        padding-top: 1px;
        font-size: 10px;
        right: 16px;
        top: 7px;
        display: none;
    }
    
    .headbar .notifications:not(.expanded):hover .counter {
        background-color: #d9d5e5 !important;
        color: 000;
    }
    
    .headbar .downloads .menu-overlay {
        width: 243px;
    }
    
    .headbar .bookmarks .menu-overlay {
        width: 243px;
    }
    
    .headbar .menu .menu-overlay .menu-holder {
        width: 240px;
    }
    
    .headbar .menu .menu-overlay {
        width: 300px;
    }
    
    .headbar .notifications.extended {
        width: 223px;
    }
    
    .headbar .downloads.extended {
        width: 223px;
    }
    
    .headbar .bookmarks.extended {
        width: 223px;
    }
    
    .headbar .bookmarks-parent form {
        padding: 0 15px 0px 15px;
        font-size: 12px !important;
        line-height: 14px;
    }
    
    .headbar .menu {
        width: 280px;
        margin-right: 70px;
        /* margin-right: 100px; */
        -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;
    }
    
    .header-holder.sidebar-visible .headbar .menu {
        width: 457px;
    }
    
    .header-holder .headbar.dashboardbar .menu {
        width: 55px;
    }
    
    .header-holder.sidebar-visible .headbar.dashboardbar .menu {
        width: 250px;
    }
    
    .headbar .menu .wrapper {
        width: 240px;
        margin-right: 25px;
        margin-left: -20px;
    }
    
    .headbar .dashboard-editor-close.menu .wrapper {
        width: 55px;
    }
    
    .headbar .user-image {
        float: left;
        margin: -5px 10px 0 10px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background-color: #422f7e;
        text-align: center;
        font-size: 10px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #fff;
    }
    
    .headbar .menu-overlay .user-image {
        background-color: #a096be !important;
    }
    
    .postbar-content-entry .user-image .username {
        padding: 0px !important;
    }
    
    .postbar-content .entry:hover {
        color: #0f5b60;
    }
    
    .postbar-content .entry i {
        width: 30px;
        padding: 1px 0 10px 15px;
        float: left;
    }
    
    .postbar-content-entry .user-image .username,
    .headbar .user-image .username {
        float: left;
        font-size: 12px;
        height: 24px;
        width: 24px;
        line-height: 24px;
    }
    
    .headbar .entry {
        line-height: 35px;
    }
    
    .headbar .entry.notification {
        background-color: #fff;
        padding: 8px 8px;
        border-bottom: 1px solid #eee;
    }

    .postbar-content-click {
        min-height: 150px;
        z-index: 106 !important;
    }
    
    .headbar .entry.bookmark {
        padding-right: 30px;
        float: left;
    }
    
    .dashboard-form .entry:hover .not-selected,
    .dashboard-form .entry:not(.selected) .selected,
    .dashboard-form .entry.selected .not-selected,
    .graph-header .entry:hover .not-selected,
    .graph-header .entry:not(.selected) .selected,
    .graph-header .entry.selected .not-selected,
    .headbar .entry:hover .not-selected,
    .headbar .entry:not(.selected) .selected,
    .headbar .entry.selected .not-selected {
        display: none
    }
    
    .dashboard-form .entry:hover .selected,
    .dashboard-form .entry .not-selected,
    .graph-header .entry:hover .selected,
    .graph-header .entry .not-selected,
    .headbar .entry:hover .selected,
    .headbar .entry .not-selected {
        display: inline-block;
    }
    
    .dashboard-form .entry.seperator,
    .headbar .entry.seperator {
        opacity: 0.5;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    
    .dashboard-form .entry .selector,
    .headbar .entry .selector {
        width: 30px;
        padding: 1px 0 10px 15px;
        float: left;
    }
    
    .headbar .entry .selector.selector-2 {
        padding: 1px 0 10px 45px;
    }
    
    .headbar .entry .nav-icon {
        float: right;
        padding: 0 40px 0 0;
    }



/************************************
*									*
*	Filterbar						*							
*									*
*************************************/
    
    .active-filters {
        float: left;
        /* width: 12%; */
        /* max-width: 159px; */
        /* text-align: right; */
        padding-top: 8px;
        margin-left: 12px;
    }
    
    .filter-element {
        float: left;
        height: 12px;
        border-radius: 12px;
        font-size: 10px;
        background-color: #0f5b60;
        padding: 3px 8px 7px 13px;
        color: #ffffff;
        margin-top: 4px;
        margin-left: 12px;
        margin-bottom: 5px;
    }
    
    .filter-element[data-filter-name="text_dupe"],
    .filter-element[data-filter-name="user_dupe"] {
        background-color: #600f58;
    }
    .filter-element span {
        margin-right: 15px;
        font-size: 14px;
    }
    
    .filter-element .remove {
        cursor: pointer;
        padding: 3px;
    }
    
    .filters-reset-all {
        float: left;
        margin-top: 9px;
        margin-left: 12px;
        cursor: pointer;
        display: none;
    }
    
    .sidebar-visible .filters-reset-all {
        /* 	margin-right: 370px !important; */
    }
    
    .filters-none-yet {
        float: left;
        opacity: 0.5;
        margin-top: 8px;
        margin-left: 40px;
    }

/************************************
*									*
*	Filterbox						*							
*									*
*************************************/
    
    .filterbar {
        margin-right: 0;
        -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;
        box-shadow: 0 6px 33px #eaeaea;
    }
    
    .filterbar.sidebar-visible {
        margin-right: 207px;
    }
    
    .filter-boxes-parent {
        box-shadow: 7px 8px 68px #eaeaea;
        display: none;
        margin-right: 67px;
        -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;
    }
    
    .filter-boxes-parent.no-sidebar {
        margin-right: 0! important;
    }
    
    .filter-boxes-parent.sidebar-visible {
        margin-right: 271px;
    }
    
    .filter-boxes {
        width: 100%;
        background-color: #ffffff;
        display: table;
        font-size: 12px;
        padding-bottom: 30px;
        box-shadow: -4px 10px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .filter-boxes>.mCustomScrollBox>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #422f7e!important;
    }
    
    .filter-boxes .filter-scroll {
        max-height: 300px;
    }
    
    .filter-boxes .pull-left {
        /* 	max-width:700px;	 */
    }
    
    .filter-box {
        margin-top: 33px;
        padding-left: 45px;
        padding-right: 20px;
        display: block;
    }
    
    .filter-box h2 {
        font-size: 12px;
        color: #3f3e45;
        padding-bottom: 26px;
        border-bottom: 1px solid #e9edf0;
        margin-bottom: 10px;
        margin-left: 6px;
    }
    
    .filter-boxes:not([data-view='prices']) .filter-box span {
        color: #3f3e45;
        float: left;
        margin-right: 3px;
        margin-top: 10px;
        padding: 6px 10px;
        height: 12px;
    }
    
    .filter-boxes:not([data-view='prices']) .filter-box span:hover {
        cursor: pointer;
        text-decoration: underline;
    }
    
    .filter-boxes:not([data-view='prices']) .filter-box span.selected {
        float: left;
        height: 12px;
        border-radius: 12px;
        background-color: #0f5b60;
        padding: 6px 10px;
        color: #ffffff;
    }
    
    .filter-boxes:not([data-view='prices']) .filter-box span.disabled {
        opacity: 0.3;
    }
    
    .filter-postings:not(.active) .duplicates-show,
    .filter-postings.active .duplicates-hide {
        display: none;
    }
    
    .filter-postings:not(.active) .duplicates-hide,
    .filter-postings.active .duplicates-show {
        display: block;
    }

/************************************
*									*
*	Headlines						*							
*									*
*************************************/
    
    h1 {
        font-size: 24px;
        font-weight: normal;
        color: #422f7e;
    }
    
    h2 {
        font-size: 18px;
        font-weight: bold;
        color: #3f3e45;
        /* 	text-align: center; */
    }
    
    h3 {
        font-size: 24px;
        font-weight: bold;
        color: #3f3e45;
        text-align: center;
    }
    /************************************
*									*
*	Modal							*							
*									*
*************************************/
    
    .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .fade.show {
        opacity: 1;
    }
    
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        overflow: hidden;
        outline: 0;
        background-color: rgba(63, 63, 69, 0.5);
    }
    
    .modal:not(.show) {
        display: none;
    }
    
    #modal-help {
        user-select: text;
    }
    
    .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }
    
    .modal-dialog {
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
        /* margin: 30px auto; */
        position: relative;
        width: auto;
        max-width: 640px;
        margin: auto auto;
        top: 13%;
    }
    
    .modal-dialog.modal-dialog-lg {
        max-width: 900px;
    }
    
    .modal-dialog.modal-dialog-sm {
        max-width: 500px;
        top: 37%;
    }

    #modal-posting-only .modal-dialog,
    #modal-posting .modal-dialog {
        min-width: 1180px !important;
        max-width: 1180px !important;
    }

    #modal-posting-only .modal-content,
    #modal-posting .modal-content {
        line-height: 14px !important;
    }

    .modal-notification {
        position: absolute;
        top: 14px;
        left: 32px;
        background-color: #996363;
        max-width: 80%;
        display: none;
        /* min-height: 32px; */
        line-height: 24px;
        font-size: 13px;
        padding: 0px 4px;
        color: #fff;
        border-radius: 4px;

    }

    .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 8px;
        background-color: #ffffff;
        padding: 50px 20px 40px 40px;
        position: relative;
        line-height: 20px;
    }
    #modal-netiquette .modal-content {
        padding: 50px 40px 40px 40px;
    }

    #modal-netiquette button {
        margin-left: 25px;
    }

    .mybusiness-post .modal-content {
        padding-top: 8px !important;
        padding: 50px 36px 40px 20px;
    }

    .modal-dialog.modal-dialog-center .modal-content {
        padding-left: 12%;
        padding-right: 12%;
    }
    .modal-dialog.modal-dialog-center,    
    .modal-dialog.modal-dialog-sm .modal-content {
        text-align: center;
    }
    
    button {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

    #modal-reply .col {
        padding-right: 0;
        /* padding-left: 8px; */
    }

    #modal-reply button.form-btn {
        font-size: 13px;
    }
    
    button.modal-widget-back,
    button.back,
    button.modal-close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        outline: 0;
    }
    
    .modal-widget-back,
    button.back,
    .modal-close {
        top: 20px;
        right: 25px;
        position: absolute;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }
    
    .modal-widget-back {
        display: none;
        left: 25px;
        font-size: 1.1rem;
    }
    
    .modal-nav {
        height: 16px;
        margin-top: 30px;
        margin-bottom: 16px;
    }
    
    .modal-nav .modal-nav-entry {
        float: left;
        margin-right: 10px;
        color: #3F3E4580;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        border-left: 2px solid transparent;
        padding-left: 5px;
    }
    
    .modal-nav .modal-nav-entry.active {
        color: #422f7e;
        border-left: 2px solid #422f7e;
    }
    
    .modal-summary {
        display: none;
    }

    #modal-updates a {
        font-weight: bold;
    }

    /************************************
*									*
*	Forms							*							
*									*
*************************************/
    
    input {
        font-size: 14px !important;
        font-family: 'Roboto', sans-serif;
    }
    
    .form-login {
        width: 360px;
        margin: 200px auto 0 auto;
    }
    
    .form-input {
        color: #422f7e;
        outline: 0;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid #422f7e !important;
        background-color: #f9f9f9 !important;
        display: block;
        width: 100%;
        padding: 15px 0px;
    }
    
    input.form-input {
        padding: 17px 0px;
    }

    .input-group .group-name {
        padding: 17px 17px;
        border-bottom: 1px solid #422f7e !important;
        /* background-color: #f9f9f9 !important; */
        font-size: 90%;
    }
    
    .form-input.form-input-white,
    .form-input.form-input-white:focus {
        background-color: #ffffff !important;
    }
    
    .form-input.form-input-sm {
        padding: 10px 0;
        font-size: 12px !important;
        background-color: #ffffff;
    }
    
    .form-input:focus {
        background-color: #f9f9f9;
    }
    
    input.form-input::placeholder {
        color: #3f3e45;
    }
    
    input.form-input:-ms-input-placeholder {
        color: #3f3e45;
    }
    
    input.form-input::-ms-input-placeholder {
        color: #3f3e45;
    }
    
    .form-input.with-error {
        border-bottom: 1px solid #996363;
    }
    
    .form-error {
        display: none;
    }
    
    .with-error {
        color: #996363 !important;
    }
    
    .form-error.with-error {
        display: block !important;
    }
    
    .form-input.password-entered {
        letter-spacing: 5px;
    }
    
    .form-label {
        opacity: 0.5;
        font-size: 12px;
        color: #3f3e45;
        height: 14px;
        font-size: 12px;
        display: block;
        margin-top: 30px;
    }

    .form-label.error label
     {
        color: #996363 !important;
        font-weight: bold;
    }
    
    .form-label.form-label-sm {
        font-size: 10px;
        margin-top: 10px;
    }
    
    .form-label label {
        display: none;
    }
    
    .input-group label {
        display: block !important;
    }
    
    .form-label.always {
        opacity: 1.0;
    }
    
    .form-label.always label {
        display: block;
        color: #422f7e;
    }
    
    .form-label label.filled {
        color: #3F3E4580
    }
    
    .modal-buttons .form-btn {
        margin-top: 24px !important;
    }
    .form-btn {
        border-radius: 4px;
        background-color: #a096be;
        height: 40px;
        color: #ffffff;
        font-weight: bold;
        border: 1px transparent;
        width: 100%;
        margin-top: 50px;
    }
    
    .form-btn.form-btn-disabled {
        opacity: 0.5;
    }
    
    .form-btn.form-btn-return,
    .form-btn.form-btn-cancel,
    .form-btn-yes {
        color: #a096be;
        background-color: #ffffff;
        border: solid 1px #422f7e;
    }
    
    .form-btn.form-btn-sm {
        font-size: 12px !important;
        margin-top: 30px;
        height: 32px;
        width: 160px;
        margin-left: 25px;
    }
    
    .form-btn:not(.form-btn-disabled):hover {
        background-color: #422f7e;
        cursor: pointer;
        border: 1px transparent;
        color: #ffffff;
    }

    .form-btn-inner {
        position: relative;
        
    }

    .form-btn-translate {
        background-color: unset;
        color: black;
    }

    label[for="prompt"] i {
        cursor: pointer;
        margin-left: 16px;
        opacity: 0.5;
        float: right;
    }

    label[for="prompt"] i:hover {
        opacity: 1;
    }

    .refresh-ki-reply {
        display: block;
        position: absolute;
        left: -12px;
        top: 50%;
        z-index: 9999;   
        cursor: pointer;   
    }

    .ki-spinner {
        display: none;
        position: absolute;
        left: 0px;
        top: 16px; 
        z-index: 9999;
    }

    .text-dupe, .user-dupe {
        cursor: pointer;
    }

    .text-dupe {
        margin-top: 3px !important;
    }

    .dyn-spinner {
        scale: 0.7;
    }

    .form-after {
        display: none;
        text-align: justify;
    }

    .form-btn-spinner  {
        display: none !important;
    }

    .modal.submitted .btn-clicked .form-btn-inner, 
    form.submitted .btn-clicked .form-btn-inner {
        display: none !important;
    }

    .modal.submitted .btn-clicked .form-btn-spinner,
    form.submitted .btn-clicked .form-btn-spinner {
        display: inline-block !important;
        position: relative;
    }

    .placeholder-name-input {
        display: flex;
    }
    .placeholder-name-prefix,
    .placeholder-name-postfix {
        opacity: 0.7;
        font-size: 17px;
        padding-top: 15px;
        border-bottom: 1px solid #422f7e;        
    }

    .placeholder-name-prefix {
        padding-right: 6px;
    }

    .placeholder-name-postfix {
        padding-left: 6px;
    }

    .reply-create-form .form-btn {
        margin-top: 20px;
    }
    
    #reply-form .dropdown-holder {
        min-width: 440px !important;
    }
    
    #reply-form .emoji-opener-parent {
        margin-top: 28px;
        float: left;
        margin-left: 16px;
        cursor: pointer;
        position: relative;
    }

    .emoji-opener-parent {
        margin-left: 16px;
        cursor: pointer;
        position: relative;
        display: inline-block;   
        color:#422f7e;     
    }

    .emoji-selector {
        position: absolute;
        width: 290px;
        background-color: #fff;
        border: 1px solid #ddd;
        z-index: 2;
        right: -234px;
        top: -26px;
        display: none;
    }

    .emoji-categories {
        
        display: flex;
        background-color: white;
    }

    .emoji-category {

        flex: 1 1 0px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #ccc;
        padding: 4px;        
    }

    .emoji-category-label {
        width: 100%;
        margin-bottom: 8px;
        opacity: 0.7;
        font-size: 11px;
        padding-left: 4px;
    }    
    .emojis-in-category {
        display: flex;
        flex-wrap: wrap;
        padding: 4px;
    }

    .emojis-in-category span {
        display: inline-block;
        width: 30px;        
        font-size: 16px;
        line-height: 18px;
        cursor: pointer;
        padding: 4px 0 4px 10px;
    }

    .form-error {
        display: none;
        color: #996363;
    }
    
    .oup {
        position: relative;
    }
    
    .has-dropdown {
        cursor: pointer;
    }
    
    .dropdown-holder.no-label-before {
        top: 0! important;
    }
    
    .dropdown-holder {
        display: none;
        position: absolute;
        top: 21px;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 11;
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .dropdown-holder .fa-star {
        font-size: 75%;
        opacity: 0.5;
    }
    
    #language-form .dropdown-options,
    #language-form .dropdown-holder {
        box-shadow: none !important;
        position: unset !important;
    }
    
    .dropdown-holder .dropdown-overlay {
        height: 30px;
        background-color: #422f7e;
        font-size: 14px;
        padding: 10px 10px 0 15px;
        color: #ffffff;
        font-weight: bold;
    }
    
    .dropdown-holder .dropdown-overlay i.close {
        float: right;
        margin-top: -1px;
        margin-right: -1px;
        padding: 5px;
        cursor: pointer;
    }
    
    .dropdown-selected,
    .dropdown-adder,
    .dropdown-search {
        padding: 5px 15px 0 15px;
    }
    
    .switch-graph-search-parent .dropdown-search {
        padding: 5px 15px 10px 0px;
    }
    
    .dropdown-selected span {
        padding: 0 8px 8px 0;
        cursor: pointer;
    }

    .dropdown-group {
        margin-left: 16px;
        text-decoration: underline;
    }

    .dropdown-options {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 36px;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0px 8px 10px 0 rgba(0, 0, 0, 0.1);
    }
    
    .dropdown-option,
    .dropdown-option-none,
    .dropdown-option-others {
        padding-left: 15px;
    }
    
    .dropdown-option.reply-template {
        border-left: 2px solid transparent;
    }
    .dropdown-option.reply-template[data-tone="pos"] {
        border-left: 2px solid #86acaf !important;
    }
    
    .dropdown-option.reply-template[data-tone="neu"] {
        border-left: 2px solid #dad5ad !important;
    }
    
    .dropdown-option.reply-template[data-tone="neg"] {
        border-left: 2px solid #cba9a9 !important;
    }

    .dropdown-option-none {
        display: none;
    }
    
    .dropdown-holder .hr {
        margin-bottom: 10px;
    }
    
    .dropdown-add-icon,
    .dropdown-search-icon,
    .dropdown-option-icon,
    .gmb-group-search-icon {
        float: left;
        width: 20px;
        text-align: center;
        padding-top: 9px;
        padding-right: 10px;
    }
    
    .dropdown-add-icon {
        display: none;
        float: right !important;
        cursor: pointer;
    }
    
    .switch-graph-search-parent .dropdown-search-icon {
        margin-left: 12px;
        padding-top: 12px;
    }
    
    .dropdown-option-icon {
        padding-top: 0;
    }

    .template-message {
        margin-top: 10px;
    }
    
    .gmb-group-search {
        font-size: 80%;

    }

    .gmb-group-none {
        display: none;
        opacity: 0.4;
    }

    .gmb-group-search-input,
    .dropdown-add-input,
    .dropdown-search-input,
    .graph-search-input {
        color: #422f7e;
        outline: 0;
        border: 0;
        padding: 10px 0px;
        width: 75%;
    }

    .gmb-group-search {
        font-size: 11px !important;
    }
    .gmb-group-search-input {
        font-size: 12px !important;
    }
    
    .gmb-group-search-input:focus,
    .dropdown-add-input:focus,
    .dropdown-search-input:focus,
    .graph-search-input:focus {
        background-color: #ffffff !important;
    }
    
    .gmb-group-search-reset,
    .dropdown-search-reset {
        float: right;
        width: 20px;
        text-align: center;
        padding-top: 9px;
        cursor: pointer;
        display: none;
    }
    
    .receiver-unsubscribed {
        color: rgb(153, 99, 99);
    }
    
    .dropdown-option:not(.just-deselected):hover {
        color: #0f5b60;
        cursor: pointer;
    }

    .dropdown-option.selected:not(.dropdown-option-receiver) {
        color: #422f7e;
        font-weight: bold;
        cursor: pointer;
    }
    
    .dropdown-option.just-deselected:hover .selected,
    .dropdown-option:not(.selected):hover .not-selected,
    .dropdown-option:not(.selected) .selected,
    .dropdown-option.selected .not-selected {
        display: none;
    }
    
    .dropdown-option.just-deselected:hover .not-selected,
    .dropdown-option:hover .selected,
    .dropdown-option .not-selected,
    .dropdown-option.selected .selected {
        display: inline-block;
    }
    
    .mCSB_scrollTools_vertical {
        right: 7px !important;
    }
    
    .mCSB_scrollTools,
    .mCSB_scrollTools .mCSB_buttonDown,
    .mCSB_scrollTools .mCSB_buttonLeft,
    .mCSB_scrollTools .mCSB_buttonRight,
    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #e9edf0 !important;
        border-radius: 3px !important;
        width: 6px !important;
    }
    
    .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #ccc!important;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #f5f6fa !important;
        border-radius: 3px !important;
        width: 6px !important;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        display: none;
    }    
    
    .color-options,
    .more-options,
    .less-options {
        color: #422f7e;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }
    
    .less-options {
        display: none;
    }
    
    .demoColors {
        width: 24px;
        height: 24px;
        margin-top: 15px;
    }

    input.demoColors  {
        display: none !important;
    }
    .input-group {
        position: relative;
    }
    
    .input-group.more {
        display: none;
    }
    
    .input-group.more.show {
        display: block;
    }
    
    .pw-error {
        color: #6c383e;
        font-size: 12px;
        height: 24px;
        margin-top: 20px;
    }
    
    .pw-requirements .entry .selector {
        width: 30px;
        padding: 1px 0 10px 15px;
        float: left;
        font-size: 12px;
    }
    
    .pw-requirements .entry:not(.is-ok) .is-ok {
        display: none;
    }
    
    .pw-requirements .entry.is-ok {
        color: #0f5b60;
    }
    
    .pw-requirements .entry.not-ok {
        color: #996363;
    }
    
    .pw-requirements .entry.is-ok .not-ok {
        display: none;
    }
    /************************************
*									*
*	ACR								*							
*									*
*************************************/
    
    .acr-history,
    .acr-list {
        margin-top: 30px;
    }
    
    .notification-seen {
        opacity: 0.5;
    }

    .notification-seen .acr-name {
        width: 100px !important;
    }

    .acr {
        line-height: 24px;
        border-bottom: 1px solid #e9edf0;
        float: left;
        width: 100%;
        font-size: 12px;
        padding: 12px 0;
        text-overflow: ellipsis;
    }
    
    .acr.happening {
        background-color: #86acaf;
    }

    .acr .acr-login {
        width: 64px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 5px;
        padding-right: 5px;
    }

    .acr .acr-stats {
        width: 60px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 5px;
        padding-right: 5px;
    }

    .acr .acr-name {
        width: 135px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        padding-right: 5px;
    }

    .acr.notification-line:hover {
        cursor: pointer
    }
    
    .acr .acr-role {
        width: 80px;
        float: left;
    }
    
    .acr .acr-username {
        width: 150px;
        float: left;
    }

    .acr .acr-email-2 {
        width: 140px;
        float: left;
    }
    .acr .acr-email {
        width: 210px;
        float: left;
    }
    
    .acr .acr-note {
        width: 365px;
        float: right;
        padding-right: 16px;
    }

    #modal-usermanagement-rights .acr .acr-email {
        width: 340px;
    }
    
    .acr .acr-receiver,
    .acr .acr-link {
        width: 260px;
        float: left;
    }
    
    .acr .acr-hits {
        width: 130px;
        float: left;
    }
    
    .acr .acr-date {
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        padding-right: 15px;
    }
    
    .acr .acr-icon {
        width: 50px;
        text-align: center;
        float: right;
        border-left: 1px solid #e9edf0;
    }
    
    .acr .acr-icon:hover {
        cursor: pointer;
        color: #0f5b60;
    }
    
    .acr-create {
        background-color: #a096be;
        padding: 8px;
        color: #fff;
        box-sizing: border-box;
        width: auto;
        cursor: pointer;

    }

    .acr-create.border {
        border: solid 1px #7f9bb4;
        padding: 5px 15px;
        border-radius: 12px;
        /* width: 184px; */
        cursor: pointer;
        background-color: white;
        color: black;;
    }

    .acr-editor {
        padding-bottom: 56px;
    }
    
    .acr .acr-editor,
    .acr .acr-forward {
        float: left;
        width: 100%;
        display: none;
    }

    .close-modal-on-success,
    .acr-form,
    .modal-buttons,
    .modal-expand-options {
        padding-right: 20px;
        max-width: 525px;
    }
    
    .acr-editort>.mCustomScrollBox .acr-new>.mCustomScrollBox {
        padding-right: 20px;
    }
    
    .acr-new .mCSB_scrollTools_vertical,
    .acr-history .mCSB_scrollTools_vertical,
    .acr-list .mCSB_scrollTools_vertical {
        right: 0px !important;
    }
    
    .dropdown-options .mCSB_scrollTools_vertical {
        right: 10px !important;
    }
    
    .acr-new .mCSB_inside>.mCSB_container,
    .acr-history .mCSB_inside>.mCSB_container,
    .acr-list .mCSB_inside>.mCSB_container {
        margin-right: 0 !important
    }
    
    .acr-logo {
        border-top: 1px solid #e9edf0;
        border-bottom: 1px solid #e9edf0;
        margin-top: 30px;
        padding: 15px;
        cursor: pointer;
        display: none;
    }
    
    .acr-logo.show {
        display: block;
    }
    
    .acr-logo-img-holder {
        width: 48px;
        height: 48px;
        padding: 2px;
        border: 1px dashed #422f7e;
        border-radius: 24px;
        float: left;
        margin-right: 24px;
        margin-top: 6px;
    }
    
    .acr-logo-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 48px;
        height: 48px;
        border-radius: 24px;
    }
    
    .acr-test {
        cursor: pointer;        
    }

    .acr-test .spinner {
        display: none;
    }

    .acr-test.running .spinner {
        display: inline-block;
    }

    .acr-test,
    .acr-result,
    .acr-info,
    .acr-logo-sub,
    .acr-logo-label {
        font-size: 12px;
        color: #3F3E4580;
    }
    
    .acr-contact {
        color: #3f3e45
    }
    
    .acr-phonenr {
        color: #3f3e45;
        font-weight: bold;
        display: block;
        padding: 15px 0;
    }
    
    .acr-logo-upload {
        color: #422f7e;
    }
    
    .acr-logo-sub {
        margin-top: 10px;
    }
    
    .acr-logo-remove {
        float: right;
        cursor: pointer;
        color: #3F3E4580;
        display: none;
    }
    /************************************
*									*
*	src								*							
*									*
*************************************/
    
    .src,
    .src-header {
        line-height: 24px;
        border-bottom: 1px solid #e9edf0;
        float: left;
        width: 100%;
        font-size: 12px;
        padding: 12px 0;
        text-overflow: ellipsis;
    }
    
    .src-header {
        font-weight: bold;
        font-size: 13px;
    }
    
    .src .src-plattform,
    .src-header .src-plattform {
        width: 120px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
    }
    
    .src-header .src-plattform {
        padding-left: 25px;
        width: 95px;
    }
    
    .src .src-plattform i {
        padding-right: 10px;
        color: #7f7f7f;
        font-size: 12px;
    }
    
    .src .src-name,
    .src-header .src-name {
        width: 120px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        padding-right: 5px;
    }
    
    .src .src-gruppe,
    .src .src-marke,
    .src-header .src-gruppe,
    .src-header .src-marke {
        width: 110px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 10px;
        padding-right: 5px
    }
    
    .src-header .src-marke {
        border-right: 0;
    }
    
    .src .src-flag {
        width: 50px;
        text-align: center;
        float: right;
    }
    
    .src .src-flag:hover {
        cursor: pointer;
        color: #0f5b60;
    }
    
    .src-list .mCSB_scrollTools_vertical {
        right: 0px !important;
    }
    
    .src-list .mCSB_inside>.mCSB_container {
        margin-right: 0 !important
    }

    /************************************
*									*
*	ts								*							
*									*
*************************************/
.ab,
.ab-header,
.tp,
.tp-header,
.ts,
.ts-header {
    line-height: 24px;
    border-bottom: 1px solid #e9edf0;
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 12px 0;
    text-overflow: ellipsis;
}

.ab-header,
.tp-header,
.ts-header {
    font-weight: bold;
}

.ab .ab-name,
.ab-header .ab-name,
.tp .tp-name,
.tp-header .tp-name,
.ts .ts-name,
.ts-header .ts-name {
    width: 120px;
    float: left;
    border-right: 1px solid #e9edf0;
    margin-right: 15px;
    margin-right: 15px;
    padding-left: 25px;
}

.tp .tp-name,
.tp-header .tp-name {
    width: 300px;
}
.ab-header .ab-name,
.tp-header .tp-name,
.ts-header .ts-name {
    padding-left: 25px;
}

.ab .ab-name i,
.tp .tp-name i,
.ts .ts-name i {
    padding-right: 10px;
    color: #7f7f7f;
    font-size: 12px;
}

.ab .ab-rating,
.ab-header .ab-rating,
.tp .tp-rating,
.tp-header .tp-rating,
.ts .ts-rating,
.ts-header .ts-rating {
    width: 120px;
    float: left;
    border-right: 1px solid #e9edf0;
    margin-right: 15px;
    padding-right: 5px;
}

.ab-list .mCSB_scrollTools_vertical,
.tp-list .mCSB_scrollTools_vertical,
.ts-list .mCSB_scrollTools_vertical {
    right: 0px !important;
}

.ab-list .mCSB_inside>.mCSB_container,
.tp-list .mCSB_inside>.mCSB_container,
.ts-list .mCSB_inside>.mCSB_container {
    margin-right: 0 !important
}

.ab-waiting,
.tp-waiting,
.ts-waiting {
    display: none;
}

.ab .ab-gruppe,
.ab-header .ab-gruppe,
.tp .tp-gruppe,
.tp-header .tp-gruppe,
.ts .ts-gruppe,
.ts-header .ts-gruppe {
    width: 110px;
    float: left;
    border-right: 1px solid #e9edf0;
    margin-right: 10px;
    padding-right: 5px
}

.ab .ab-marke,
.ab-header .ab-marke,
.tp .tp-marke,
.tp-header .tp-marke,
.ts .ts-marke,
.ts-header .ts-marke {
    width: 110px;
    float: left;
    padding-right: 5px
}


.tp .tp-connect,
.tp-header .tp-connect {
    width: 140px;
    float: left;
    border-right: 1px solid #e9edf0;
}

.tp .tp-edit,
.tp-header .tp-edit,
.tp .tp-delete,
.tp-header .tp-delete {
    width: 48px;
    float: right;
    text-align: center;
}

.tp .tp-edit,
.tp-header .tp-edit {
    border-right: 1px solid #e9edf0;
}

/************************************
*									*
*	gmb								*							
*									*
*************************************/
    
    .gmb,
    .gmb-header {
        line-height: 24px;
        border-bottom: 1px solid #e9edf0;
        float: left;
        width: 100%;
        font-size: 12px;
        padding: 12px 0;
        text-overflow: ellipsis;
    }
    
    .gmb .gmb-plattform,
    .gmb-header .gmb-plattform {
        width: 180px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        margin-right: 15px;
        padding-left: 25px;
    }
    
    .gmb-header .gmb-plattform {
        padding-left: 25px;
    }
    
    .gmb .gmb-plattform i {
        padding-right: 10px;
        color: #7f7f7f;
        font-size: 12px;
    }
    
    .gmb .gmb-rating,
    .gmb-header .gmb-rating {
        width: 120px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        padding-right: 5px;
    }
    
    .gmb-list .mCSB_scrollTools_vertical {
        right: 0px !important;
    }
    
    .gmb-list .mCSB_inside>.mCSB_container {
        margin-right: 0 !important
    }
    
    .gmb-waiting {
        display: none;
    }
    /************************************
*									*
*	tpapi								*							
*									*
*************************************/
    
    .tpapi,
    .tpapi-header {
        line-height: 24px;
        border-bottom: 1px solid #e9edf0;
        float: left;
        width: 100%;
        font-size: 12px;
        padding: 12px 0;
        text-overflow: ellipsis;
    }
    
    .tpapi .tpapi-plattform,
    .tpapi-header .tpapi-plattform {
        width: 180px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        margin-right: 15px;
        padding-left: 25px;
    }
    
    .tpapi-header .tpapi-plattform {
        padding-left: 25px;
    }
    
    .tpapi .tpapi-plattform i {
        padding-right: 10px;
        color: #7f7f7f;
        font-size: 12px;
    }
    
    .tpapi .tpapi-rating,
    .tpapi-header .tpapi-rating {
        width: 120px;
        float: left;
        border-right: 1px solid #e9edf0;
        margin-right: 15px;
        padding-right: 5px;
    }
    
    .tpapi-list .mCSB_scrollTools_vertical {
        right: 0px !important;
    }
    
    .tpapi-list .mCSB_inside>.mCSB_container {
        margin-right: 0 !important
    }
    
    .tpapi-waiting {
        display: none;
    }
    /************************************
*									*
*	Boxes + Graphs					*							
*									*
*************************************/
    
    .highcharts-container {
        outline: 0;
    }
    
    .welcome {
        display: none;
    }
    
    .data-view[data-view="postings"] {
        position: relative;
    }

    #content-postings {
        margin-top: 0;
    }
    .headline {
        display: grid;
        position: relative;
        z-index: 1;
    }

    .headline.sticky {
        background-color: #f5f6fa;
        position: absolute;
        top: 60px;
        width: 100%;
        position: sticky;
    }
    
    .headline .time {
        line-height: 20px;
    }
    
    .headline .time span {
        font-weight: bold;
    }
    
    .data {
        padding: 76px 52px 52px 104px;
        -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;
    }
    
    .data.sidebar-visible {
        padding-left: 310px !important;
    }
    
    .data.filterbar-visible {
        padding-top: 136px !important;
    }

    .gmb-post-batch-run-all {
        display: none;
        padding: 4px 8px;
        color: #fff;
        border-radius: 3px;
        margin: 8px 0;
    }

    .gmb-post-batch-run-all .running-yes,
    .gmb-post-batch-run-all .running-fail,
    .gmb-post-batch-run-all .running-no {
        display: none
    }

    .gmb-post-batch-run-all.running {
        display: inline-block;
        background-color: rgb(218, 213, 173);
    }

    .gmb-post-batch-run-all.running .running-yes {
        display: block;
    }

    .gmb-post-batch-run-all.fail {
        display: inline-block;
        cursor: pointer;
        background-color: rgb(153, 99, 99);
    }

    .gmb-post-batch-run-all.fail .running-fail {
        display: block;
    }

    .gmb-post-batch.gmb-post-batch-error {
        display: none;
    }

    .gmb-post-batch.post-fail .gmb-post-batch-error {
        display: block;
        position: absolute;
        top: 4px;
        right: 5px;
        border-radius: 50%;
        color: #fff;
        background-color: rgb(153, 99, 99);
        width: 24px;
        height: 24px;
        text-align: center;
        padding-top: 2px;
        box-sizing: border-box;
        z-index: 999;
    }

    .gmb-post-batch-run-all.done {
        display: inline-block;
        background-color: #86acaf;
    }

    .gmb-post-batch-run-all.done .running-no {
        display: block;
    }

    .gmb-post-batch {
        position: relative;
        margin: 8deleteAllpx 0;
        
    }

    .gmb-post-batch .gmb-post-batch-error,
    .gmb-post-batch .spinner {
        position: absolute;
        right: 11px;
        top: 9px;
        display: none;
    }

    .gmb-post-batch.post-fail .gmb-post-batch-error {
        display: block;
    }

    .gmb-post-batch.post-waiting .spinner {
        display: block;
    }
    
    .applebusiness-nav,
    .gmb-nav,
    .graph-nav {
        height: 16px;
        margin-top: 70px;
        margin-bottom: 20px;
    }
    
    .gmb-nav {
        margin-top: 36px !important;

    }
    .applebusiness-nav .applebusiness-nav-entry,
    .gmb-nav .gmb-nav-entry,
    .graph-nav .post-nav-entry,
    .graph-nav .graph-nav-entry,
    .posting-ki-batch-run-all,
    .posting-ki-batch-settings,
    .posting-ki-batch-status {
        float: left;
        margin-right: 10px;
        color: #3F3E4580;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        border-left: 2px solid transparent;
        padding-left: 5px;
    }
    
    .posting-ki-batch-run-all,
    .posting-ki-batch-settings,
    .posting-ki-batch-status  {
        display: none;
        float: right;
        margin-left: 20px;        
    }    

    .posting-ki-batch-status {
        background-color: rgb(218, 213, 173);
        padding: 4px 8px;
        color: #fff;
        border-radius: 3px;
        margin-top: -4px;        
    }

    .posting-ki-batch-run-all {
        display: none;
        padding: 4px 8px;
        background-color: #86acaf;
        color: #fff;
        border-radius: 3px;
        margin-top: -4px;
        cursor: pointer;
    }

    .posting-ki-batch-run-all .running-yes,
    .posting-ki-batch-run-all .running-fail,
    .posting-ki-batch-run-all.running .running-no,
    .posting-ki-batch-run-all.fail .running-no {
        display: none;
    }

    .posting-ki-batch-run-all.running .running-yes,
    .posting-ki-batch-run-all.fail .running-fail,
    .posting-ki-batch-run-all .running-no {
        display: inline-block;
    }

    .posting-ki-batch-run-all.fail {
        background-color: rgb(153, 99, 99);
    }

    .posting-ki-batch-run-all.running {
        background-color: rgb(218, 213, 173);
    }

    .graph-nav .dashboard-nav-entry {
        line-height: 32px;
    }
    
    .graph-nav .post-nav-entry {
        float: right;
        margin-left: 20px;
    }
    
    .applebusiness-nav .applebusiness-nav-entry.active,
    .gmb-nav .gmb-nav-entry.active,
    .graph-nav .post-nav-entry.active {
        color: #422f7e;
    }
     
    .dashboard-nav .graph-nav-entry.active,
    .graph-nav .graph-nav-entry.active {
        color: #422f7e;
        border-left: 2px solid #422f7e;
    }
    
  
    .graph-nav .graph-nav-entry.active .dashboard-nav-entry,
    .dashboard-nav .dashboard-nav-entry-hover:hover {
        color: #422f7e;
    }
    
    .graph-browse {
        float: right;
        width: 60px;
        margin-right: 20px;
    }
    
    .graph-browse div:hover {
        cursor: pointer;
        opacity: 0.5;
    }
    
    .dashboard-browse {
        float: right;
        width: 60px;
        margin-right: 20px;
    }
    
    .dashboard-browse div:hover {
        cursor: pointer;
        opacity: 0.5;
    }
    
    .box {
        float: left;
        margin-top: 16px;
        margin-bottom: 16px;
        overflow: hidden;
        z-index: 10;
    }

    .box .dashboard-editor-filter-overlay {
        display: none;
    }

    .dashboard-edit-layout-mode .box[data-filter-active="1"]:not(:hover) .dashboard-editor-filter-overlay {
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
        border: 2px solid #0f5b60;
        background-color: #4b8488;
        color: #fff;
        padding: 4px;
        border-radius: 4px;   
        z-index: 1; 
    }
        
    .cd-element-control.active {
        background-color: #4b8488 !important;
        color: #fff !important;
        padding: 4px !important;
        border-radius: 4px;  
    }

    .box .dashboard-editor-overlay {
        display: none;
    }
    
    .box-h1 .dashboard-editor-overlay,
    .box-h1b .dashboard-editor-overlay,
    .box-h2 .dashboard-editor-overlay,
    .box-h3 .dashboard-editor-overlay,
    .box-h4 .dashboard-editor-overlay,
    .box-h6 .dashboard-editor-overlay {
        margin-left: -25px;
    }
    
    .box-edit-h5 .dashboard-editor-overlay {
        margin-left: -40px;
    }
    
    .dashboard-edit-layout-mode .box-h1:hover .dashboard-editor-overlay,
    .dashboard-edit-layout-mode .box-h1b:hover .dashboard-editor-overlay,
    .dashboard-edit-layout-mode .box-h2:not(.box-h1-holder):hover .dashboard-editor-overlay,
    .dashboard-edit-layout-mode .box-h3:hover .dashboard-editor-overlay,
    .dashboard-edit-layout-mode .box-h4:hover .dashboard-editor-overlay,
    .dashboard-edit-layout-mode .box-edit-h5:hover .dashboard-editor-overlay,
    .dashboard-edit-layout-mode .box-h6:hover .dashboard-editor-overlay {
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
    }
    
    .dashboard-edit-layout-mode .box:hover .dashboard-editor-overlay .opacity {
        background-color: rgba(255, 255, 255, 0.91);
        position: relative;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 9999;
    }
    
    .dashboard-editor-overlay .cd-element-control {
        padding: 10px;
        z-index: 9999;
        position: absolute;
        display: inline-block;
    }
    
    .dashboard-editor-overlay .cd-element-control.options {
        top: 42%;
        right: 37%;
    }
    
    .dashboard-editor-overlay .cd-element-control.filter {
        top: 42%;
        left: 37%;
    }
    
    .dashboard-editor-overlay .cd-element-control.filter.filter-center {
        left: 48%;
    }
    
    .box-h1 .dashboard-editor-overlay .cd-element-control.delete,
    .box-h1b .dashboard-editor-overlay .cd-element-control.delete,
    .box-h2 .dashboard-editor-overlay .cd-element-control.delete {
        top: 5px;
        right: 5px;
    }
    
    .box-h1 .dashboard-editor-overlay .cd-element-control.move,
    .box-h1b .dashboard-editor-overlay .cd-element-control.move,
    .box-h2 .dashboard-editor-overlay .cd-element-control.move {
        bottom: 22px;
        right: 5px;
    }
    
    .box-h1 .dashboard-editor-overlay .cd-element-control.options,
    .box-h1b .dashboard-editor-overlay .cd-element-control.options {
        top: 36%;
        right: 37%;
    }
    
    .box-h1 .dashboard-editor-overlay .cd-element-control.filter,
    .box-h1b .dashboard-editor-overlay .cd-element-control.filter  {
        top: 36%;
        left: 37%;
    }
    
    .box-h1 .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h1b .dashboard-editor-overlay .cd-element-control.filter.filter-center {
        left: 48%;
        top: 36%;
    }
    
    .box-h3.box-w2 .dashboard-editor-overlay .cd-element-control.options,
    .box-h4.box-w2 .dashboard-editor-overlay .cd-element-control.options,
    .box-h6.box-w2 .dashboard-editor-overlay .cd-element-control.options {
        top: 45%;
        right: 37%;
    }
    
    .box-h3.box-w2 .dashboard-editor-overlay .cd-element-control.filter,
    .box-h4.box-w2 .dashboard-editor-overlay .cd-element-control.filter,
    .box-h6.box-w2 .dashboard-editor-overlay .cd-element-control.filter {
        top: 45%;
        left: 37%;
    }
    
    .box-h3.box-w2 .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h4.box-w2 .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h6.box-w2 .dashboard-editor-overlay .cd-element-control.filter.filter-center {
        left: 48%;
        top: 45%;
    }
    
    .box-h3:not(.box-w2) .dashboard-editor-overlay .cd-element-control.options,
    .box-h4:not(.box-w2) .dashboard-editor-overlay .cd-element-control.options,
    .box-h6:not(.box-w2) .dashboard-editor-overlay .cd-element-control.options {
        top: 45%;
        right: 37%;
    }
    
    .box-h3:not(.box-w2) .dashboard-editor-overlay .cd-element-control.filter,
    .box-h4:not(.box-w2) .dashboard-editor-overlay .cd-element-control.filter,
    .box-h6:not(.box-w2) .dashboard-editor-overlay .cd-element-control.filter {
        top: 45%;
        left: 37%;
    }
    
    .box-h3:not(.box-w2) .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h4:not(.box-w2) .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h6:not(.box-w2) .dashboard-editor-overlay .cd-element-control.filter.filter-center {
        left: 48%;
        top: 45%;
    }
    
    .box-h3.box-edit-h5 .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h4.box-edit-h5 .dashboard-editor-overlay .cd-element-control.filter.filter-center,
    .box-h6.box-edit-h5 .dashboard-editor-overlay .cd-element-control.filter.filter-center {
        top: 23% !important;
    }
    
    .box-h3 .dashboard-editor-overlay .cd-element-control.delete,
    .box-h4 .dashboard-editor-overlay .cd-element-control.delete,
    .box-h6 .dashboard-editor-overlay .cd-element-control.delete {
        top: 5px;
        right: 5px;
    }
    
    .box-h3 .dashboard-editor-overlay .cd-element-control.move,
    .box-h4 .dashboard-editor-overlay .cd-element-control.move,
    .box-h6 .dashboard-editor-overlay .cd-element-control.move {
        bottom: 22px;
        right: 5px;
    }
    
    .box-edit-h5 .dashboard-editor-overlay .cd-element-control.options {
        top: 24%;
        right: 37%;
    }
    
    .box-edit-h5 .dashboard-editor-overlay .cd-element-control.filter {
        top: 24%;
        left: 37%;
    }
    
    .box-edit-h5 .dashboard-editor-overlay .cd-element-control.filter.filter-center {
        left: 48%;
    }
    
    .dashboard-editor-overlay .cd-element-control.delete {
        top: 5px;
        right: -10px;
    }
    
    .dashboard-editor-overlay .cd-element-control.move {
        bottom: 22px;
        right: -10px;
    }
    
    .dashboard-editor-overlay .cd-element-control:hover {
        background: #F5F6FA;
        border-radius: 2px;
        cursor: pointer;
    }
    
    .box-inner {
        margin: 16px 8px;
        padding: 1px 24px;
        background-color: #ffffff;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .show-overflow {
        overflow: visible !important;
    }
    
    .box-outer-headline {
        position: absolute;
        top: -15px;
        left: 36px;
        border-radius: 11px;
        background-color: #a096be;
        padding: 4px 10px;
        color: #fff;
    }

    .box-h1 {
        height: 150px;
        overflow: hidden;
        z-index: 10;
    }

    .box-h1b {
        min-height: 100px;
        overflow: hidden;
        z-index: 10;
    }    
    
    .box-h2 {
        height: 300px;
    }
    
    .box-h3 {
        height: 422px;
    }
    
    .box-h4 {
        height: 560px;
    }

    .box-h6 {
        height: 876px;
    }
    
    .dashboard-edit-layout-mode .box-edit-h5 {
        height: 100px !important;
    }
    
    .dashboard-edit-layout-mode .box-edit-h5 h4 {
        display: none;
    }
    
    .box-w1 {
        width: 25%;
    }
    
    .box-w2 {
        width: 50%;
    }
    
    .box-w3 {
        width: 75%;
    }
    
    .box-w4 {
        width: 100%;
    }
    
    .box-one-third {
        width: 33.3%;
    }
    
    .box-two-third {
        width: 66.6%;
    }
    
    .box h4 {
        font-weight: bold;
        font-size: 12px;
        color: #3f3e45;
        text-transform: uppercase;
    }
    
    .box h4 span {
        opacity: 0.5;
    }
    
    .box .box-value {
        font-size: 26px;
        font-weight: bold;
    }
    
    .box-change span:not(.dyndat) {
        display: none;
    }
    
    .box-change[data-value="1"] .box-change-positive {
        display: inline-block;
        color: #86acaf;
    }
    
    .box-change[data-value="0"] .box-change-neutral {
        display: inline-block;
        color: rgb(218, 213, 173);
    }
    
    .box-change[data-value="-1"] .box-change-negative {
        display: inline-block;
        color: rgb(153, 99, 99);
    }
    
    .box-tone .box-tone {
        display: none;
    }
    
    .box-tone[data-value="1"] .box-tone-positive {
        display: inline-block;
        color: #86acaf;
    }
    
    .box-tone[data-value="0"] .box-tone-neutral {
        display: inline-block;
    }
    
    .box-tone[data-value="-1"] .box-tone-negative {
        display: inline-block;
        color: #cba9a9;
    }
    
    .box-change,
    .box-info {
        font-size: 14px;
        padding: 0 4px;
    }
    
    .box-h1 .box-inner-content,
    .box-h1b .box-inner-content {
        display: block;
        padding: 20px 0 0 0;
    }
    
    .box-inner .overlay-view {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-align: center;
        background-color: rgba(66, 47, 126, 0.9);
    }
    
    .box-h1 .box-inner .overlay-view,
    .box-h1b .box-inner .overlay-view {
        padding-top: 60px;
    }
    
    .box-h2 .box-inner .overlay-view {
        padding-top: 36%;
    }
    
    .box-inner:hover .overlay-view {
        display: block;
    }
    
    .dashboard-edit-layout-mode .box-inner:hover .overlay-view {
        display: none;
    }
    
    .box-inner .overlay-view span {
        border-radius: 4px;
        border: solid 1px #ffffff;
        color: #ffffff;
        padding: 10px 60px;
    }
    
    .box-inner .overlay-view span:hover {
        color: rgba(66, 47, 126);
        background-color: #ffffff;
        cursor: pointer;
    }
    
    .box-logo {
        margin: 20px 0 0 0;
        display: inline-block;
    }
    
    .box-logo img {
        width: 64px;
        height: 64px;
        box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid white;
    }
    
    .box-tone {
        font-size: 12px;
    }
    
    .box-domain {
        font-weight: bold;
        padding: 15px 0 0 0;
        display: block;
    }
    
    .box-date {
        padding: 8px 0 24px 0;
        display: block;
        font-size: 12px;
    }
    
    .graph {
        padding: 12px 0;
        float: left;
    }
    
    .graph-holder {
        display: inline-block;
    }
    
    .graph-spinner {
        display: none;
        font-size: 30px;
    }

    #content-dashboard-trend .graph-header,
    .graph-19 .graph-header,
    .graph-22 .graph-header,
    .graph-23 .graph-header {
        position: relative;
    }
    
    .graph-header {
        height: 39px;
        padding-top: 5px;
        font-size: 12px;
        display: block;
        right: 14px;
        top: 0px;
        position: absolute;
        z-index: 20;
    }
    
    .graph-legend {
        background-color: #e9edf0;
        padding: 20px;
        line-height: 14px;
        min-height: 30px;
    }
    
    .graph-legend-dashboard {
        background-color: #fff;
    }
    
    .graph-legend ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .graph-legend li {
        float: left;
        padding: 0 15px 0 0;
        cursor: pointer;
        margin-top: 7px;
    }
    
    .graph-legend li.turned-off {
        opacity: 0.8;
    }
    
    .graph-legend li.disabled {
        cursor: not-allowed;
        opacity: 0.4;
    }
    
    .graph-legend .symbol {
        float: left;
        width: 8px;
        height: 8px;
        margin-top: 4px;
        margin-right: 12px;
    }
    
    .graph .wrapper {
        /* padding-top: 2px;*/
        padding: 6px 0px;
        display: block;
        float: left;
        cursor: pointer;
        font-weight: bold;
        color: #3f3e45;
        text-transform: uppercase;
    }
    
    .box .cell,
    .graph .cell {
        display: inline-block;
        /* height: 100%; */
        height: 23px;
        text-align: center;
        /* padding-top: 5px; */
        padding: 10px;
    }
    
    .graph .cell-pre {
        font-weight: bold;
        opacity: 0.5;
        color: #3f3e45;
        height: 100%;
        display: inline-block;
        /*     padding-top: 16px; */
        float: left;
        text-transform: uppercase;
        position: relative;
        top: 16px;
    }
    
    .box .menu-overlay,
    .graph .menu-overlay {
        display: none;
        position: absolute;
        top: -1px;
        left: 10px;
        background-color: #422f7e;
        color: #ffffff;
        text-align: left;
        width: 190px;
        z-index: 1;
        text-transform: uppercase;
    }
    
    .graph-13 .graph .menu-overlay {
        width: 290px;
    }
    
    .graph-18 .graph .switch-graph-type .menu-overlay {
        width: 525px;
    }
    
    .switch-graph-constraint-options {
        width: 260px;
        float: left;
    }
    
    .switch-graph-type-parent .select-all {
        text-transform: none;
        margin: 5px 0 10px 48px;
        display: block;
        float: left;
    }
    
    .switch-graph-type,
    .switch-graph-download,
    .switch-graph-search {
        float: right;
    }
    
    .switch-graph-type .menu-overlay,
    .switch-graph-download .menu-overlay,
    .switch-graph-search .menu-overlay {
        left: -140px;
    }
    
    .graph-13 .switch-graph-type .menu-overlay,
    .graph-13 .switch-graph-download .menu-overlay,
    .graph-13 .switch-graph-search .menu-overlay {
        left: -235px !important;
    }
    
    .graph-18 .switch-graph-type .menu-overlay {
        left: -475px !important;
    }
    
    .box .menu-overlay .entry,
    .graph .menu-overlay .entry {
        text-transform: none;
    }
    
    .box .menu-overlay .parent,
    .graph .menu-overlay .parent {
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
    }
    
    .box .menu-overlay .menu-holder,
    .graph .menu-overlay .menu-holder {
        height: 29px;
        padding: 17px 10px 0 15px;
        cursor: pointer;
    }
    
    .box .menu .menu-overlay .menu-holder,
    .graph .menu .menu-overlay .menu-holder {
        padding: 17px 10px 0 10px;
    }
    
    .box .entry,
    .graph .entry {
        line-height: 35px;
    }
    
    .box .entry .selector,
    .graph .entry .selector {
        width: 30px;
        padding: 1px 0 10px 15px;
        /* 	float: left; */
        display: inline-block;
    }
    
    .graph .switch-graph-type .entry {
        line-height: 23px;
    }
    /************************************
*									*
*	Box 11 Table					*							
*									*
*************************************/
    
    .result-header strong {
        display: block;
    }
    
    .result-header .sort-order {
        float: left;
        line-height: 24px;
        padding: 10px 10px 10px 40px;
    }
    
    .result-header .sort-order.user {
        padding-left: 40px !important;
        width: 170px;
        float: left;
    }

    .sort-order.sort-right {
        text-align: right;
    }

    .graph-12-crm  .sort-right .sort-order-title {
        float: left;
    }

    .graph-12-crm .sort-right {
        float: none !important;
        padding-left: 20px;
        font-size:12px;
    }
    /* Tags */
    
    g.highcharts-series.highcharts-series-0.highcharts-wordcloud-series.highcharts-tracker {
        cursor: pointer;
    }
    
    .result-header .sort-order.pos {
        width: 74px;
    }
    
    .result-header .sort-order.name {
 
    }
    
    .result-header .sort-order.num-abs {
        width: 100px;
        float: right;
    }
    
    .result-header .sort-order.num-rel {
        width: 157px;
        float: right;
    }
    
    .result-header .sort-order.num-trend {
        width: 140px;
        float: right;
    }
    
    .result-header .sort-order.tone {
        width: 120px;
        float: right;
    }
    
    .result-header .sort-order.spacer {
        width: 143px;
        float: right;
    }
    /* RATING */

    .graph-12-crm {
        min-width: 1475px;        
    }
    
    .result-header .sort-order.num-abs {
        width: 100px !important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.num-rel {
        width: 163px!important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.num-trend {
        width: 152px!important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.tone {
        width: 160px!important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.spacer {
        width: 47px!important;
        padding: 10px !important;
    }

    .result-list .entry .arrow {
        width: 30px !important;
        padding: 10px !important
    }
    .result-list .entry .cell:not(.name) {
        padding: 10px;
    }
    .result-header .sort-order.avg-rating-abs {
        width: 150px !important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.avg-rating-chg {
        width: 140px !important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.num-rating-abs {
        width: 160px !important;
        padding: 10px !important;
    }
    
    .result-header .sort-order.num-rating-chg {
        width: 140px !important;
        padding: 10px !important;
    } 
    
    .result-header .sort-order.num-next-score-abs,
    .result-header .sort-order.spacer-rating {
        width: 110px !important;
        padding: 10px !important;
    }

    .result-list .entry .review_num_rating, .result-list .entry .review_num_rating_chg, .result-list .entry .review_avg_rating, .result-list .entry .review_avg_rating_chg {
        width: 81px !important;
    }

    .result-list .entry .review_num_next_level {
        width: 86px;
        padding: 10px !important;
    }

    .result-list .entry .cell.name {
        max-width: 135px !important;      
    }  

    
    @media (min-width: 1500px) {

        .result-header .sort-order.avg-rating-abs {
            width: 160px !important;
            padding: 10px !important;
        }
        
        .result-header .sort-order.avg-rating-chg {
            width: 150px !important;
            padding: 10px !important;
        }
        
        .result-header .sort-order.num-rating-abs {
            width: 170px !important;
            padding: 10px !important;
        }
        
        .result-header .sort-order.num-rating-chg {
            width: 150px !important;
            padding: 10px !important;
        } 
        
        .result-header .sort-order.num-next-score-abs,
        .result-header .sort-order.spacer-rating {
            width: 120px !important;
            padding: 10px !important;
        }

        .result-list .entry .review_num_rating, .result-list .entry .review_num_rating_chg, .result-list .entry .review_avg_rating, .result-list .entry .review_avg_rating_chg {
            width: 91px !important;
        }

        .result-list .entry .review_num_next_level {
            width: 96px;
            padding: 10px !important;
        }

        .result-list .entry .cell.name {
            max-width: max(145px, calc(100vw - 1355px)) !important;      
        }  
    }    


    .result-header .sort-order.avg-rating-abs {
        width: 170px;
        float: right;
    }
    
    .result-header .sort-order.avg-rating-chg {
        width: 170px;
        float: right;
    }
    
    .result-header .sort-order.num-rating-abs {
        width: 170px;
        float: right;
    }
    
    .result-header .sort-order.num-rating-chg {
        width: 170px;
        float: right;
    }
    
    .result-header .sort-order.num-next-score-abs,
    .result-header .sort-order.spacer-rating {
        width: 140px;
        float: right;
    }
    
    .result-header .sort-order.spacer-influencer {
        width: 164px;
        float: right;
    }
    
    .result-header .sort-order.influencer-posts-abs {
        width: 147px;
        float: right;
    }
    
    .result-header .sort-order.influencer-marke,
    .result-header .sort-order.influencer-thema {
        width: 220px;
        float: right;
    }

    .result-header .sort-order.crm-user-worflow-item {
        width: 140px;
        float: left;
    }
    
    
    .result-header .sort-order.influnencer-tone {
        width: 190px;
        float: right;
    }
    
    .sort-order-title {
        float: left;
        margin-right: 10px;
    }
    
    .sort-order-holder {
        float: left;
        margin-top: 15px;
    }
    
    .graph-12-crm .sort-order-holder {
        margin-top: 5px;
    }

    .sort-right .sort-order-title {
        float: right;
    }
    
    .sort-order:hover .sort-order-title {
        color: #422f7e;
    }
    
    .sort-order:hover {
        cursor: pointer;
    }
    
    .sort-right .sort-order-holder {
        float: right;
        color: #422f7e;
    }
    
    .sort-order-holder i {
        display: block;
        opacity: 0.5;
        line-height: 0.5;
    }
    
    .sort-order[data-sort-order="1"] i.sort-asc {
        opacity: 1;
    }
    
    .sort-order[data-sort-order="-1"] i.sort-desc {
        opacity: 1;
    }
    
    .result-list {
        margin-bottom: 96px;
    }

    .result-list .entry {
        line-height: 23px;
        border-bottom: solid 1px #e5e9f2;
        border-left: solid 1px #e5e9f2;
        border-right: solid 1px #e5e9f2;
        background-color: rgba(245, 246, 250, 0.5);
        border-left: 3px solid transparent;
    }
    
    .result-list .entry:hover {
        border-left: 3px solid #422f7e;
    }
    
    .result-list .entry-holder {
        padding: 10px;
    }
    
    .result-list .entry:nth-child(even) {
        background-color: #ffffff;
    }

    .result-list .entry .review_num_next_level.cell {
        margin-right: 10px;
    }    

    .result-list .entry .cell:not(.name) {
        padding: 10px 40px 10px 40px;
        float: right;
        border-right: solid 1px #e5e9f2;
    }
    
    .result-list .entry .cell.username {
        padding: 10px 0px 10px 30px;
        font-weight: bold;
        float: left;
        width: 200px;
        text-align: left;
        height: 15px;
        overflow: hidden;
    }
    
    
    .result-list .entry .cell.name {
        padding: 10px 0px 10px 30px;
        font-weight: bold;
        float: left;
        max-width: 400px;
        text-align: left;
        height: 15px;
        overflow: hidden;
    }
    
    .google-ranking .result-list .entry .cell.name,
    .amazon-ranking .result-list .entry .cell.name {
        overflow: hidden;
        height: 15px;
/*         width: 350px; */
        overflow: hidden;
        text-overflow: ellipsis;
        height: 15px;
        text-align: left; 
        word-wrap: break-word;
    }
/* 
    .google-ranking .result-list .entry .cell.name,
    .amazon-ranking .result-list .entry .cell.name {
        width: max(120px, calc(100vw - 1400px));
        border: 1px solid red;
    } */

    .result-list .entry .tone span {
        float: right;
        width: 8px;
        height: 8px;
        margin-top: 8px;
        margin-left: 15px;
    }

    .result-list .entry .tone {
        position: relative;
    }
    .result-list .entry .tone .tone-exact {
        position: absolute;
        top: 28px;
        width: 100px;
        float: none;
        background-color: transparent !important;
        height: auto;
        margin: 0;
        left: 18px;
        font-size: 80%;        
    }
    
    .result-list .entry .tone.positiv span {
        background-color: #86acaf
    }
    
    .result-list .entry .tone.neutral span {
        background-color: #dad5ad
    }
    
    .result-list .entry .tone.negativ span {
        background-color: #cba9a9
    }
 
    .result-list .entry .crm-value {
        text-align: right;
        width: 100%;
        display: block;
        padding: 0;    
    }

    .result-list .entry-holder-link {
        cursor: pointer;   
    }
    .result-list .entry-holder .crm-value:first-child {
        border: 0 !important;
    }

    .result-list .entry .review_num_next_level {
        text-align: right;
        width: 86px;
        border: 0 !important;
    }
    
    .result-list .entry .review_num_rating,
    .result-list .entry .review_num_rating_chg,
    .result-list .entry .review_avg_rating,
    .result-list .entry .review_avg_rating_chg {
        text-align: right;
        width: 131px;
    }
    
    .result-list .entry .review_avg_rating {
        position: relative;
    }

    .result-list .entry .review_avg_rating .amazon-percentages {
        position: absolute;
        top: -88px;
        left: 50px;
        display: none;
        background-color: #fff;
        padding: 8px 16px;
        border: 1px solid #c3c3c3;
        box-shadow: #c3c3c3 5px 5px 5px;     
        color: #565959;
        z-index: 1;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .headline {
        display: flex;
        justify-content: space-between;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .star {
        font-size: 18px;
        padding-right: 4px;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .rating i {
        color: #ffa41c;
    }
    .result-list .entry .review_avg_rating .amazon-percentages .num {
        display: block;
        text-align: left;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .line {
        display: flex;        
        color: #007185;
        justify-content: start;
        margin: 8px 0;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .line[data-value="0"] {
        color: #565959 !important;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .line .label {
        text-align: left;
        width: 72px;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .line .perc {
        text-align: right;
        width: 56px;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .line .bar-outer {
        overflow: hidden;
        box-shadow: inset 0 0 0 1px #bbbfbf;
        border-radius: 4px;
        background-color: #f0f2f2;
        height: 20px;
        width: 120px;
    }

    .result-list .entry .review_avg_rating .amazon-percentages .line .bar-inner {
        border-radius: 4px;
        box-shadow: inset -2px 0 0 -1px #F5961D, inset 0 0 0 1px #de7921;
        background-color: #ffa41c;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        display: block;
        height: 20px;        
    }

    .result-list .entry .arrow {
        width: 52px;
        text-align: center;
        border: 0 !important;
    }
    
    .result-list .entry .pos {
        width: 20px;
        float: left !important;
    }
    
    .result-list .entry .posts_chg,
    .result-list .entry .posts_abs,
    .result-list .entry .posts_rel,
    .result-list .entry .tone {
        text-align: right !important;
        width: 100px;
    }
    
    .result-list .entry .influencer-posts-abs {
        text-align: right !important;
        width: 100px;
    }
    
    .result-list .entry .influencer-marke,
    .result-list .entry .influencer-thema {
        text-align: right !important;
        width: 180px;
    }
    
    .result-list .entry .influnencer-tone {
        text-align: right !important;
        width: 170px;
    }
    
    .result-list .entry:hover {
        font-weight: bold;
    }
    
    .result-list .entry .arrow i {
        display: none;
    }
    
    .result-list:not([data-onclick="0"]) .entry:hover .arrow i {
        display: inline-block;
    }
    
    .result-list .entry .tonebar {
        float: left;
        height: 16px;
        display: block;
    }
    
    .result-list .entry .tonebar.positiv {
        background-color: #86ACAF;
    }
    
    .result-list .entry .tonebar.neutral {
        background-color: #DAD5AD;
    }
    
    .result-list .entry .tonebar.negativ {
        background-color: #CBA9A9;
    }
    /* SHOP */
    
    .shop-browse {
        float: right;
        width: 60px;
        margin-right: 20px;
        margin: -25px 20px 0 0;
    }
    
    .shop-browse div:hover {
        cursor: pointer;
        opacity: 0.5;
    }
    
    .shop-header strong {
        display: block;
    }
    
    .shop-header .sort-order {
        line-height: 24px;
        margin: 10px 0 10px 0;
    }
    
    .shop-header .sort-order-holder {
        margin-right: 11px;
    }
    
    .shop-list .change-holder {
        margin-right: 7px;
    }
    
    .shop-header .sort-order.name-ranking {
        padding-left: 40px !important;
        width: 250px;
        float: left;
    }
    /* .shop-header .sort-order.num-rating-chg { */
    /* 	float: left, */
    /* } */
    
    .shop-list {
        padding-bottom: 20px;
    }
    
    .shop-list .entry {
        line-height: 23px;
        border-bottom: solid 1px #e5e9f2;
        border-left: solid 1px #e5e9f2;
        border-right: solid 1px #e5e9f2;
        background-color: rgba(245, 246, 250, 0.5);
        border-left: 3px solid transparent;
    }
    
    #content-onlineshops .entry .review_num_rating_chg {
        text-align: right;
        width: 100%;
        display: block;
        padding: 0;
    }
    
    .shop-list .entry:hover {
        border-left: 3px solid #422f7e;
    }
    
    .shop-list .entry-holder {
        padding: 10px 0;
    }
    
    .shop-list .entry:nth-child(even) {
        background-color: #ffffff;
    }
    
    .shop-list .entry .cell:not(.name) {
        padding: 10px 10px 10px 20px;
        float: left;
        border-right: solid 1px #e5e9f2;
    }
    
    .shop-list .entry .cell .disabled {
        opacity: 0.3;
    }
    
    .shop-list .entry .cell.name {
        padding: 10px 0px 10px 40px;
        font-weight: bold;
        float: left;
        width: 250px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 15px;
        text-align: left;
    }
    
    .shop-list .entry .row.source {
        margin-top: 8px;
    }

    .shop-list .entry .cell.no-border {
        border-right: 0 !important;
    }


 /* price */
    
 .price-browse {
    float: right;
    width: 60px;
    margin-right: 20px;
    margin: -25px 20px 0 0;
}

.price-browse div:hover {
    cursor: pointer;
    opacity: 0.5;
}

.price-header strong {
    display: block;
}

.price-header .sort-order {
    line-height: 24px;
    margin: 10px 0 10px 0;
}

.price-header .sort-order-holder {
    margin-right: 11px;
}

.price-list .change-holder {
    margin-right: 0px;
    margin-top: -8px;
    float: left;
    width: 100%;
}

.price-list .price-range {
    font-size: 10px;
    opacity: 0.7;
}
.price-header .sort-order.name-ranking {
    padding-left: 40px !important;
    width: 300px;
    float: left;
}

.price-list {
    padding-bottom: 20px;
}

.price-list .entry {
    line-height: 23px;
    border-bottom: solid 1px #e5e9f2;
    border-left: solid 1px #e5e9f2;
    border-right: solid 1px #e5e9f2;
    background-color: rgba(245, 246, 250, 0.5);
    border-left: 3px solid transparent;
}

#content-onlineprices .entry .review_num_rating_chg {
    text-align: right;
    width: 100%;
    display: block;
    padding: 0;
}

.price-list .entry:hover {
    border-left: 3px solid #422f7e;
}

.price-list .entry-holder {
    padding: 10px 0;
}

.price-list .entry:nth-child(even) {
    background-color: #ffffff;
}

.price-list .entry .cell:not(.name) {
    padding: 10px 10px 10px 20px;
    float: left;
    width: 100%;
    border-right: solid 1px #e5e9f2;
}

.price-list .entry .cell .disabled {
    opacity: 0.3;
}

.price-list .entry .cell.name {
    padding: 10px 0px 10px 40px;
    font-weight: bold;
    float: left;
    width: 300px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
    text-align: left;
}

.price-list .entry .row.source {
    margin-top: 8px;
}

.price-list .entry .cell.no-border {
    border-right: 0 !important;
}


/************************************
*									*
*	Box 27 Image Value				*							
*									*
*************************************/
    
.box.box-27 .gauge {
    height: 190px !important;
    margin-top: -10px;
}

/************************************
*									*
*	Box 52 NPS Value				*							
*									*
*************************************/
    
.box.box-52 .gauge {
    height: 190px !important;
    margin-top: -10px;
}

/************************************
*									*
*	Box 30 Rating with Bars			*							
*									*
*************************************/

.box.box-30 .gauge {
    float: left;
    width: 44%;
    height: 190px !important;
    margin-top: -10px;
}

.box.box-30 .bars {
    float: left;
    width: 55%;
    border-left: 1px solid #e5e9f2;
}

.chart-text {
    color: #3f3e45;
    font-family: 'Roboto', sans-serif !important;
}

.graph-mt-25 {
    margin-top: -25px;
}

.bar-labels {
    color: #fff !important;
}

.gauge-background {
    background-color: #ffffff;
}

.gauge-parent {
    margin-top: 217px;
}

.gauge-center,
.gauge-center-img {
    font-size: 29px;
    line-height: 22px;
    font-family: 'Roboto', sans-serif !important;
    padding: 30px 0 0 0;
    text-align: center;
    border-radius: 60px;
    width: 100px;
    height: 70px;
    top: -26px;
}

.gauge-center-img {
    padding: 40px 0 0 0;
    height: 60px;
}

.gauge-center span {
    font-size: 10px;
    font-weight: normal !important;
}

/************************************
*									*
*	Graph 11 Table					*							
*									*
*************************************/
    
.graph-11 {
    height: auto !important;
}

/************************************
*									*
*	Graph 13 Tagcloud				*							
*									*
*************************************/

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.switch-graph-download-custom {
    position: absolute !important;
    right: 32px;
    top: 24px;
    font-size: 12px;
    cursor: pointer;
}


.list-loader {
    position: relative;
}

.list-loader::before,
.list-loader::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 7px;
    border-color: transparent;
    border-style: solid;
}

.list-loader.list-positive::before {
    border-width: 12px;
    border-left-color: #86acaf;
    border-top-color: #86acaf;
}

.list-loader.list-positive::after {
    border-radius: 0.4em;
    border-width: 12px;
    border-left-color: #86acaf;
    border-top-color: #86acaf
}

.list-loader.list-negative::before {
    border-width: 12px;
    border-left-color: #cba9a9;
    border-top-color: #cba9a9;
}

.list-loader.list-negative::after {
    border-radius: 0.4em;
    border-width: 12px;
    border-left-color: #cba9a9;
    border-top-color: #cba9a9;
}

.list-loader h4,
.graph-loader h4 {
    text-transform: uppercase;
}

.list-loader:not(.box-h2) h4,
.graph-loader:not(.box-h2) h4 {
    padding-bottom: 20px;
}

.list-loader h4 span {
    opacity: 0.5;
}

.list-loader .top-list .entry {
    line-height: 24px;
    border-bottom: 1px solid #e5e9f2;
    padding: 16px 0;
}

.list-loader .top-list .entry:hover {
    font-weight: bold;
    cursor: pointer;
}

.list-loader .top-list .entry:last-child {
    border-bottom: 1px solid transparent;
}

.list-loader .top-list .entry .pos {
    text-align: center;
    width: 50px;
    float: left;
}

.list-loader .top-list .entry .item {
    border-left: 1px solid #e5e9f2;
    overflow: hidden;
    float: left;
    width: 260px;
    padding: 0 20px;
    height: 20px;
}

.box-w1 .top-list .entry .item {
    width: 135px !important;
}

.list-loader.box-one-third .top-list .entry .item {
    width: 200px !important;
}

.list-loader .top-list .entry .score {
    text-align: center;
    border-left: 1px solid #e5e9f2;
    width: 70px;
    float: right;
    font-weight: bold;
    display: none;
}

.list-loader .top-list.positiv .entry .count-positiv,
.list-loader .top-list.neutral .entry .count-neutral,
.list-loader .top-list.negativ .entry .count-negativ,
.list-loader .top-list.all .entry .count-all,
.list-loader .top-list .entry .rating {
    display: block !important;
}

/************************************
*									*
*	Box 43 Bewertung Compare		*							
*									*
*************************************/
.box-43 .box-half {
    float: left;
    width: 49%;
    height: 100%;
    display: block;
}

.box-43 .create-chart.bars {
    height: 300px !important;
}
.box-43 .create-chart.gauge {
    height: 200px !important;
}

/************************************
*									*
*	Graph 19 Trend + KPI			*							
*									*
*************************************/

.graph-19 .trend-kpi-holder {
    width: 400px;
    float: left;
    border-left: 1px solid #e5e9f2;
    margin-left: 20px;
    padding-top: 20px;
    margin-top: 20px;
    padding-left: 20px;
}

.graph-19 .trend-kpi-holder .trend-kpi {
    width: 198px;
    height: 120px;
    float: left;
    text-align: center;
    line-height: 32px;
    padding-top: 50px;
    border: 1px solid transparent;
}

.graph-19 .trend-kpi-holder .trend-kpi span {
    font-size: 24px;
    font-weight: bold;
}

.graph-19 .trend-kpi-holder .trend-kpi:nth-child(1) {
    border-right: 1px solid #e5e9f2;
    border-bottom: 1px solid #e5e9f2;
}

.graph-19 .trend-kpi-holder .trend-kpi:nth-child(2) {
    border-bottom: 1px solid #e5e9f2;
}

.graph-19 .trend-kpi-holder .trend-kpi:nth-child(3) {
    border-right: 1px solid #e5e9f2;
}

.posting .star-rating,
.posting-ki-batch .star-rating {
    color: #e9edf0;
    font-size: 16px;
    margin: 0 2px;
}

.posting .star-rating.star-negativ,
.posting-ki-batch .star-rating.star-negativ {
    color: #cba9a9
}

.posting .star-rating.star-neutral,
.posting-ki-batch .star-rating.star-neutral {
    color: #dad5ad
}

.posting .star-rating.star-positiv,
.posting-ki-batch .star-rating.star-positiv {
    color: #86acaf;
}

.posting .stars-text {
    margin-top: 10px;
}

/************************************
*									*
*	Graph 22 Trend + Bar Pseudo		*							
*									*
*************************************/
    
.graph-22 .rating-pseudo-holder {
    width: 300px;
    float: left;
    border-left: 1px solid #e5e9f2;
    margin-left: 20px;
    padding-top: 20px;
    margin-top: 20px;
    padding-left: 20px;
    height: 350px;
}

.graph-22 .rating-pseudo-holder .rating-pseudo-current {
    font-weight: bold;
}

.graph-22 .rating-pseudo-item {
    margin: 8px 0;
}

.graph-22 .rating-pseudo-item span {
    display: inline-block;
    font-size: 16px;
}

.graph-22 .rating-pseudo-item strong {
    display: inline-block;
    text-align: right;
}

/************************************
*									*
*	Graph 12 Tones					*							
*									*
*************************************/
    
.tool-tip-help {
    position: fixed;
    min-width: 60px;
    border: 1px solid #86ACAF !important;
    z-index: 10;
    display: none;
    background-color: #F8F8F8;
    line-height: 22px !important;
    padding: 5px 10px 5px 10px !important;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto';
    text-align: left;
    color: #333 !important;
}

.tool-tip-help .header,
.tool-tip-help .stats,
.tool-tip-help .footer {
    display: block;
}

.tool-tip-help .stats {
    font-weight: bold;
}

.tool-tip-help .header span {
    float: left;
    width: 10px;
    height: 4px;
    margin-top: 9px;
    margin-right: 10px;
}

.tool-tip-help.positiv .header span {
    background-color: #86ACAF;
}

.tool-tip-help.neutral .header span {
    background-color: #DAD5AD;
}

.tool-tip-help.negativ .header span {
    background-color: #CBA9A9;
}

.tool-tip-help:hover {
    background-color: rgba(249, 249, 249, 1) !important;
    color: #333 !important;
}

.tool-tip-help.positiv {
    border: 1px solid #86ACAF !important;
}

.tool-tip-help.neutral {
    border: 1px solid #DAD5AD !important;
}

.tool-tip-help.negativ {
    border: 1px solid #CBA9A9 !important;
}

/************************************
*									*
*	Links							*							
*									*
*************************************/

a {
    color: #422f7e;
    text-decoration: none;
}

a:hover,
a:focus {
    cursor: pointer;
}

a:hover {
    text-decoration: underlined;
}

a,
a:visited {
    color: #422f7e;
    transition: 0.2s;
}

.data a,
.data a:visited {
    color: inherit !important;
}

.create-this-filter,
.cursor-pointer {
    cursor: pointer;
}

.postbar-content .entry:not(.self) {
    display: block;
    padding: 10px 0 10px 5px;
    background-color: #fff !important;
    border: 0 !important;
}

.postbar-content .entry a,
.postbar-content .entry a:visited {
    display: block;
    color: inherit;
}

.postbar-share-intern-form {
    display: none;
}

.postbar-share-intern-form input {
    font-size: 12px !important;
}

/************************************
*									*
*	Datepicker						*							
*									*
*************************************/
    
    .date-picker-wrapper .gap {
        display: none !important;
    }
    
    .date-picker-wrapper .month-wrapper table {
        margin: 0 15px 0 0;
    }
    
    .date-picker-wrapper {
        font-family: 'Roboto', sans-serif !important;
    }
    
    .date-picker-wrapper .drp_top-bar {
        line-height: 14px !important;
        padding: 0 !important;
    }
    
    .date-picker-wrapper .drp_top-bar.normal .normal-top,
    .date-picker-wrapper .drp_top-bar .default-top {
        display: none !important;
    }
    
    .date-picker-wrapper,
    .date-picker-wrapper .month-wrapper {
        border: 0 !important;
        background-color: #ffffff !important;
        padding-top: 0!important;
        padding-left: 20px;
    }
    
    .date-picker-wrapper .month-wrapper table .day.real-today,
    .date-picker-wrapper .first-date-selected,
    .date-picker-wrapper .last-date-selected {
        background-color: #0f5b60 !important;
        color: #fff !important;
    }
    
    .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
        background-color: rgba(134, 172, 175, 0.10) !important;
        color: #0f5b60 !important;
    }
    
    .date-picker-wrapper .month-wrapper table .day.checked:not(.first-date-selected):not(.last-date-selected) {
        background-color: rgba(134, 172, 175, 0.10) !important;
        color: #0f5b60 !important;
    }
    
    .date-picker-wrapper .first-date-selected {
        border-top-left-radius: 4px;
        background-color: #0f5b60 !important;
    }
    
    .date-picker-wrapper .last-date-selected {
        border-bottom-right-radius: 4px;
        background-color: #0f5b60 !important;
    }
    
    .date-picker-wrapper .month-wrapper table td,
    .date-picker-wrapper .month-wrapper table th {
        font-weight: normal !important;
        text-transform: capitalize !important;
    }
    
    .date-picker-wrapper .month-wrapper table .week-name th {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        width: 100px;
    }
    
    .date-picker-wrapper .month-wrapper table .day {
        margin-bottom: 0 !important;
        padding: 9px 0px !important;
    }
    
    .date-picker-wrapper .month-element {
        display: inline-block;
        vertical-align: middle;
        color: #000000;
        font-size: 12px !important;
        border-radius: 4px !important;
        border: solid 1px #f5f6fa !important;
        padding: 5px 15px !important;
    }
    
    .date-picker-wrapper table .caption .next,
    .date-picker-wrapper table .caption .prev {
        cursor: pointer;
        border: solid 1px #f5f6fa !important;
        border-radius: 4px !important;
        padding: 5px 8px !important;
        font-size: 12px !important;
        color: #000000 !important;
    }
    
    .date-picker-wrapper .month-wrapper table.month1,
    .date-picker-wrapper .month-wrapper table.month2 {
        width: 320px !important;
        float: left;
    }
    
    .date-picker-wrapper .prev-year,
    .date-picker-wrapper .prev-month,
    .date-picker-wrapper .next-year,
    .date-picker-wrapper .next-month {
        cursor: pointer;
    }

    .shortcut-list {
        font-size: 14px;
        line-height: 48px;
        color: #3f3e45;
    }
    /************************************
*									*
*	Postings						*							
*									*
*************************************/
    
    .data-view {
        min-height: 100vh;
    }
    
    .posting-parent {
        position: relative;
    }
    
    .posting,
    .posting-more {
        position: relative;
        background-color: #ffffff;
        margin-top: 12px;
        min-height: 352px;
        color: #3f3e45;
        border: 1px solid #e9edf0;
        border-radius: 4px;
    }
  
    .posting-more {
        height: auto;
        margin-top: 0;
        border-top: 0;
        border-top: 1px solid #ffffff;
    }
    
    .posting-parent.edit .posting-more.editor-hide {
        display: none !important;
    }
    
    .posting-parent:hover .posting-more {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #e9edf0;
        border-radius: 0px;
        box-shadow: -8px 8px 24px 0 rgba(0, 0, 0, 0.05);
    }
    
    .posting-parent:hover .posting {
        border: 1px solid #ffffff;
        border-radius: 0px;
        box-shadow: -8px 8px 24px 0 rgba(0, 0, 0, 0.05);
    }
    
    .posting-parent.posting-focused .posting {
        border: 1px solid #ffffff;
        border-radius: 0px;
        box-shadow: -8px 8px 24px 0 #422f7e;
    }
    
    .posting-parent.posting-selected .posting {
        border: 1px solid #ffffff;
        border-radius: 0px;
        box-shadow: -8px 8px 24px 0 rgba(115, 112, 112, 0.5) !important;
    }
    
    .posting::before,
    .posting::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-color: transparent;
        border-style: solid;
    }
    
    .posting.positiv::before {
        border-width: 25px;
        border-left-color: #86acaf;
        border-top-color: #86acaf;
    }
    
    .posting.positiv::after {
        border-radius: 0.4em;
        border-width: 12px;
        border-left-color: #86acaf;
        border-top-color: #86acaf
    }
    
    .posting.neutral::before {
        border-width: 25px;
        border-left-color: #dad5ad;
        border-top-color: #dad5ad;
    }
    
    .posting.neutral::after {
        border-radius: 0.4em;
        border-width: 12px;
        border-left-color: #dad5ad;
        border-top-color: #dad5ad;
    }
    
    .posting.negativ::before {
        border-width: 25px;
        border-left-color: #cba9a9;
        border-top-color: #cba9a9;
    }
    
    .posting.negativ::after {
        border-radius: 0.4em;
        border-width: 12px;
        border-left-color: #cba9a9;
        border-top-color: #cba9a9;
    }

    .socket-action-changed {
        /* border: 2px solid yellow; */
    }
    
    .socket-action-added {
        /* border: 2px solid green; */
    }

    .socket-updater.col {
        padding: 0 !important;
    }

    .posting-middle .socket-updater-notelist {
        margin-bottom: 32px;
    }

    .posting-left {
        width: 195px;
        float: left;
        text-align: center;
        padding: 0 50px;
        font-size: 12px;
        height: 100%;
    }
    
    .posting-left-holder {
        margin-top: 25px;
    }
    
    .posting-middle {
        display: block;
        font-size: 14px;
        overflow: hidden;
        border-right: 1px solid #e9edf0;
        border-left: 1px solid #e9edf0;
        min-height: 367px;
        padding-bottom: 32px;
    
    }
    
    .posting-social {
        font-size: 12px;
        width: 240px;
        float: right;
        padding: 0 0 0 40px;
        height: 100%;
        line-height: 20px;
    }
    
    .posting-social .social-stat {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    
    .posting-social .social-stat span {
        display: block;
        opacity: 0.5;
    }
    
    .posting-parent.edit .posting-left,
    .posting-parent.edit .posting-right,
    .posting-parent.edit .posting-social,
    .posting-parent.edit .posting-more {
        opacity: 0.3;
    }
    
    .posting-right {
        width: 64px;
        float: right;
        text-align: center;
        height: 100%;
    }
    
    .posting .logo {
        width: 66px;
        height: 73px;
        display: inline-block;
        position: relative;
        box-shadow: -4px 12px 21px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 12px;
        border-radius: 4px;
    }
    
    .posting .logo .favicon,
    .posting .logo .og-image {
        max-width: 65px;
        max-height: 73px;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        border-radius: 4px;
    }
    
    .posting .domain {
        font-weight: bold;
        margin-bottom: 6px;
        font-size: 14px;
    }
    
    .posting .domain .link {
        display: none;
    }
    
    .posting .domain:hover .link {
        display: inline-block;
        color: #422f7e;
    }
    
    .posting .domain:hover .link-display {
        display: none;
    }
    
    .posting .source {
        margin-bottom: 18px;
    }
    
    .posting .removed,
    .posting .published {
        line-height: 20px;
        margin-bottom: 18px;
    }
    
    .posting .tone {
        line-height: 20px;
        margin-bottom: 18px;
    }
    
    .posting .tone strong {
        display: none;
    }
    
    .posting .verified {
        color: #c45500!important;
        font-weight: bold;
        margin-bottom: 18px;
    }
    
    .posting .stars {
        margin-bottom: 18px;
        margin-top: 18px;
    }
    
    .posting .vine {
        color: #007600!important;
        font-weight: bold;
        margin-bottom: 18px;
    }
    
    .posting.positiv .tone strong.positiv {
        display: inline-block;
        color: #86acaf
    }
    
    .posting.neutral .tone strong.neutral {
        display: inline-block;
        color: #dad5ad
    }
    
    .posting.negativ .tone strong.negativ {
        display: inline-block;
        color: #cba9a9
    }
    
    .posting .attributes-editor {
        display: none;
    }
    
    .posting .attributes-editor .form-label {
        height: 10px;
    }
    
    .posting .attributes-editor,
    .posting .attributes {
        height: 85px;
        width: 100%;
    }
    
    .posting .attributes-editor .col,
    .posting .attributes .col {
        padding: 20px 20px 0 40px;
    }
    
    .posting .attributes .attribute {
        cursor: pointer;
    }
    
    .posting .attributes .attribute strong {
        float: left;
    }
    
    .posting .attributes .attribute .plus {
        display: none;
    }
    
    .posting .attributes .attribute:hover .plus {
        display: inline-block;
        float: left;
        color: #422f7e;
        margin-left: 10px;
    }
    
    .posting .attributes .attribute .filter {
        display: none;
    }
    
    .posting .attributes .attribute:hover .filter {
        display: block;
    }
    
    .posting .attributes .attribute:hover .normal {
        display: none;
    }
    
    .posting .attributes .attribute:hover strong {
        color: #422f7e;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 105px;
    }
    
/*     .posting-options span, */
    .posting .attributes .col span,
    .posting .preview h4,
    .posting .preview span,
    .posting .reply span {
        color: #3f3e45;
        opacity: 0.5;
        display: block;
        padding-bottom: 10px;
    }

    .posting-options span {
        color: #3f3e45;
        display: block;
        padding: 4px 12px 4px 0;
        margin: 0 8px 8px 0;
    }

    .posting-options span svg {
        max-height: 16px; 
    }

    .posting .reply span:hover {
        cursor: pointer;
    }
    
    .posting .tags {
        min-height: 90px;
        border-top: 1px solid #e9edf0;
        border-bottom: 1px solid #e9edf0;
        width: 95%;
        padding-left: 40px;
        padding-top: 20px;
    }
    
    .posting .tag .remove {
        padding: 3px;
        cursor: pointer;
    }
    
    .posting .preview,
    .posting .reply {
        /* height: 120px; */
        width: 90%;
        margin-left: 32px;
        padding-left: 8px;
        padding-top: 20px;
        font-size: 14px;
    }
    
    .posting .posting-options {
/*         position: absolute;
        bottom: 16px; */
        padding-top: 20px;
        font-size: 14px;
        margin-left: 32px;
        padding-left: 8px;
        background-color: #fff;
        position: relative;  
        height: 32px;      
    }
    .posting .preview {
        font-size: 14px !important;
        line-height: 22px;
        user-select: text;
        background-color: #fff;
        position: relative;        
    }
    
    .posting .resultcontent {
        margin-bottom: 0px !important;
        max-width: 1000px;
/*         overflow: hidden;   */      
    }

    .data[data-role-reader="0"] .posting:not(.skip-connector) .resultcontent:before {
        content: "";
        position: absolute;
        left: -12px;
        top: 56px;
        width: 10px;
        height: calc(100% - 18px);
        border: 1px solid rgba(183, 185, 187, 1);
        border-right-width: 0px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }    


    .posting-options .posting-option {
        float: left;
        border: 1px solid transparent;
        border-radius: 6px;
        padding-top: 8px;
        line-height: 20px;
        height: 20px;
        width: 158px;
    }

    .load-replytemplates.create-reply,
    .load-replytemplates.load-ki-reply, 
    .load-replytemplates.open-draft {
        width: 95px;
        text-align: center;
    }

    .load-replytemplates.edit-answer,
    .posting-option.showreply {
         width: 140px;
        text-align: center;
    }

    .posting-options .posting-option i {
        font-size: 80%;
    }

    .posting-options .backup-translated,
    .posting-options .backup-original {
        display: none;
    }
  
    .posting-options .posting-option.posting-original {
        width: auto;
        display: none;
    }

    .posting-options .posting-option.posting-translate {
        width: auto;
    }

    .posting-options .posting-option-disabled,
    .posting-options .posting-option.flag-user,
    .posting-options .posting-option.text-dupe,
    .posting-options .posting-option.showreply,
    .posting-options .posting-show-changes,
    .posting-options .posting-option.load-replytemplates {
        border: 1px solid #3F3E454A; 
        padding: 4px 12px; 
    }

    .posting-options .posting-option:hover {
        cursor: pointer;
    }

    .posting-options .posting-option.posting-translate {
        border: 0;        
    }    

    .posting-options .posting-option.text-dupe {
        display: none;
    }
    .posting-options .posting-option.posting-option-disabled {
        opacity: 40%;
        cursor: not-allowed !important;
    }

    .posting-parent.edit .posting-options,
    .posting-parent.edit .preview {
        opacity: 0;
    }
    
    .posting .preview p,
    .posting .reply p {
        margin: 5px 0;
        line-height: 19px;
    }
    
    .posting .preview span,
    .posting .reply span {
        padding: 0;
    }
    
    .posting .reply span,
    .posting .preview .create-answer {
        cursor: pointer;
        padding-bottom: 15px;
        bottom: 0px;
        /* position: absolute; */
        float: left;
        margin-right: 20px;
    }
    
    .posting .attribute-change {
        float: right;
        margin-right: 48px;
        opacity: 0.4;
    }

/*     .posting-show-changes,
    .posting-translate {
        font-size: 14px;
        color: #3f3e45;
        opacity: 0.5;
        line-height: 22px;
        padding-bottom: 15px;
        float: left;
        padding-left: 40px;
        ;
    } */
    
    .posting .post-btn,
    .posting-more .post-btn {
        text-align: left;
        width: 40px;
        height: 35px;
        padding: 5px 12px;
        position: relative;
    }
    
    .posting .post-btn.disabled {
        opacity: 0.3;
        cursor: default !important;
    }
    
    .posting .icon,
    .posting-more .icon {
        float: left;
        width: 35px;
        height: 25px;
        border-radius: 4px;
        margin-right: 9px;
        display: block;
        padding-top: 10px;
        text-align: center;
    }
   
    .posting-parent:not(.edit) .posting .post-btn:not(.disabled):hover,
    .posting-parent:not(.edit) .posting-more .post-btn:not(.disabled):hover {
        /* opacity: 0.1;
	background-color: #422f7e;*/
        cursor: pointer;
    }
    
    .posting .post-btn.active .icon {
        background-color: #d9d5e5;
        color: #422f7e;
    }
    
    .posting .post-btn.failed .icon {
        background-color: #cba9a9;
        color: #fff;
    }
    
    .posting .post-btn.running .icon {
        background-color: #d9d5e5;
        color: #422f7e;
    }    

    .posting .post-btn.passed .icon {
        background-color: #86acaf;
        color: #fff;
    }

    .posting-parent:not(.edit) .posting .post-btn:not(.disabled):hover .icon .icon-hover,
    .posting .post-btn .icon .icon-normal {
        display: block;
    }
    
    .posting .post-btn .icon .icon-hover,
    .posting-parent:not(.edit) .posting .post-btn:not(.disabled):hover .icon .icon-normal {
        display: none;
    }
    
    /* .posting-parent:not(.edit) .posting .post-btn:not(.disabled):not(.active):not(.display):hover .icon {
        background-color: #f5f6fa;
    }
     */
    .posting .postbar-expanded {
        font-weight: bold;
        color: #3f3e45;
        display: none;
    }
    
    .posting .post-btn.active .sidebar-expanded,
    .posting .post-btn:hover .sidebar-expanded {
        color: #422f7e;
    }
    
    .posting .post-btn.display .icon {
        background-color: #422f7e;
        color: #ffffff;
    }
    
    .posting .post-btn.display .postbar-expanded {
        display: block;
        z-index: 100;
        float: left;
        position: absolute;
        left: -186px;
        background-color: #422f7e;
        color: #fff;
        padding: 12px 20px 9px 10px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        font-size: 12px;
    }
    
    .posting .post-btn .postbar-expanded {
        display: none;
        width: 193px;
        float: left;
        padding-top: 10px;
        padding-left: 5px;
    }
    
    .posting-parent:not(.edit) .posting .post-btn.display .postbar-expanded {
        display: block;
        z-index: 100;
        float: left;
        position: absolute;
        left: -213px;
        background-color: #422f7e;
        color: #fff;
        padding: 12px 20px 8px 15px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        font-size: 12px;
        height: 15px;
    }
    
    .posting-parent:not(.edit) .posting .post-btn.display .postbar-expanded.postbar-expanded-with-content {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .posting .post-btn .postbar-content {
        display: none;
        width: 230px;
        float: left;
        padding-top: 10px;
        padding-left: 5px;
    }
    
    .postbar-content-entry {
        /* 	display: block; */
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }
    
    .postbar-content-click-2 {
        display: none;
    }


    .postbar-content-click-2 {
        text-align: center;
    }

    .postbar-content-click-2 span:not(.entry) {
        display: block;
        margin-bottom: 8px;
                
                text-align: left;
            }
        
            .postbar-content-click-2 button span:hover {
                color: white !important;
            }
        
            .postbar-content-click-2 .select-user {
                margin-bottom: 0px;
              margin-top: 8px;
         }

    .postbar-content-click-2 .workflow-name {
        font-weight: bold;
        display: inline-block !important;
    }

    .postbar-content-click-2 hr {
        opacity: 0.25;
        margin: 24px 64px 0;
    }
    .postbar-content-click-2 .entry {
        font-size: 0.8rem;
        
    }
    .postbar-content-click-2 .dropdown-holder,
    .postbar-content-click-2 .dropdown-options {
        position: relative;
        top: 0;
        box-shadow: none;
    }

    .postbar-content-click-2 .dropdown-option span {
        margin-bottom: 4px;
        text-align: left;
    }
    .posting-parent:not(.edit) .posting .post-btn.display .postbar-content {
        display: block;
        z-index: 100;
        float: left;
        position: absolute;
        left: -213px;
        top: 40px;
        background-color: #ffffff;
        color: #3f3e45;
        padding: 16px 20px 16px 10px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        font-size: 12px;
        box-shadow: -4px 4px 16px 0 rgba(0, 0, 0, 0.1);
        line-height: 18px;
    }

    .posting-parent:not(.edit) .posting .post-btn.display .postbar-content.hasContent {
        padding: 14px 20px 16px 10px;
    }

    .socket-updater-notetext .postbar-content-entry,
    .socket-updater-forward .postbar-content .quote {
        width: 238px;
    }

    .posting .post-btn.display .postbar-content .quote {
        display: block;
        font-style: italic;
        padding-bottom: 10px;
        word-break: break-word;
    }
    
    .posting .post-btn.display .postbar-content .date {
        opacity: 0.5;
        display: inline-block;
    }

    .posting .posting-check-update {
        cursor: pointer;
    }
    
    .posting .note-listing-entry {
        margin: 0 0 16px 30px;
    }

    #modal-posting .note-listing {
        height: 200px;
        margin: 16px 0;    
    }

    .note-listing {
        max-height: 400px;
    }
    .note-listing-entry {
        margin: 16px 0;
    }
    
    .note-listing-entry .note-edit-icon,
    .note-listing-entry .note-delete-icon {
        display: none;
    }

    .note-listing-entry.note-editing {
        font-weight: bold;
    }
    .note-listing-entry.note-editable:hover{
        cursor: pointer;
    }
    
    .note-listing-entry.note-editable:hover .note-edit-icon {  
        display: block;         
        float: left;
        margin-top: 6px; 
        margin-left: 8px;
        opacity: 0.8;  
    }

    .note-listing-entry.note-editable:hover .note-delete-icon {  
        display: block;         
        float: left;
        margin-top: 6px; 
        margin-left: 24px;
        opacity: 0.8;  
    }

    .note-edit-buttons {
        display: none;
    }
    .postbar-content.note-editable {
        position: relative;    
    }

    .postbar-content .note-edit-icon {
        display: none;
    }

    .postbar-content.note-editable:hover .note-edit-icon {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.8;
    }

    .note-listing-entry .user-image,
    .posting .post-btn.display .postbar-content .user-image {
        float: left;
        margin: 5px 10px 0 10px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background-color: #422f7e;
        text-align: center;
        font-size: 10px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #fff;
    }
    
    .posting-more-middle .note-listing-entry .user-image {
        margin-left: 0 !important;
    }

    .note-listing-entry .user-image,
    .posting .post-btn.display .postbar-content .user-image {
        background-color: #a096be !important;
    }
    
    .note-listing-entry .user-image .username,
    .posting .post-btn.display .postbar-content .user-image .username {
        float: left;
        padding-top: 7px;
        padding-left: 4px;
    }
    
    .posting .post-btn.display .postbar-content .entry {
        display: block;
        padding: 10px 5px;
    }
    
    .posting .tag {
        border-radius: 12px;
        background-color: #7f9bb4;
        border: solid 0px #7f9bb4;
        float: left;
        padding: 5px 10px;
        color: #ffffff;
        margin-right: 12px;
        margin-bottom: 8px
    }
    
    .posting-parent.edit .posting .tag-add-normal {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 8px;
    }
    
    .posting .tag .display:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    
    .posting-parent.edit .posting .tag-add-modal,
    .posting .tag-add-normal {
        display: none;
    }
    
    .posting .tag-add {
        /*  	display: none; */
        color: #00376a;
        background-color: #ffffff;
        padding: 5px 15px;
        border-radius: 12px;
        border: solid 1px #7f9bb4;
        margin-right: 12px;
        margin-top: 0px;        
        margin-bottom: 8px;
        float: left;
    }
    
    .posting .tag-add:hover {
        color: #ffffff;
        background-color: #7f9bb4;
        border-radius: 12px;
        border: solid 1px #7f9bb4;
        cursor: pointer
    }
    
    .posting-parent.edit .editor input {
        background-color: #7f9bb4;
        border: 0;
        outline: 0;
        font-size: 12px !important;
        color: #ffffff;
    }
    
    .posting-parent.edit .tags .editor {
        display: inline-block;
    }
    
    .posting .tags .editor,
    .posting-parent.edit .tags .display {
        display: none;
    }
    
    .tag-nav {
        height: 16px;
        margin-bottom: 24px;
    }
    
    .tag-nav .tag-nav-entry {
        float: left;
        margin-right: 10px;
        color: #3f3e45;
        opacity: 0.3;
        cursor: pointer;
        border-left: 1px solid transparent;
        padding-left: 5px;
    }
    
    .tag-nav .tag-nav-entry.active {
        border-left: 1px solid #6c6f75;
        /* opacity: 0.5; */
    }
    
    .posting-more-left,
    .posting-more-left-2,
    .posting-more-left-3 {
        width: 195px;
        float: left;
        text-align: center;
        padding: 25px 50px;
        font-size: 12px;
    }
    
    .posting-more-left-2 {
        /* opacity: 0.5; */
        padding: 20px 50px;
    }
    
    .posting-more-left-3 {
        opacity: 0.5;
        padding: 20px 0 0 8px;
        margin-left: 76px;
        border-top: 1px solid #e9edf0;
        width: 212px;
        text-align: left;
    }
    
    .posting-more-middle,
    .posting-more-middle-2,
    .posting-more-middle-3 {
        display: grid;
        font-size: 12px;
        overflow: hidden;
        border-left: 1px solid #e9edf0;
        border-right: 1px solid #e9edf0;
        padding: 0px 40px 20px 40px;
    }
    
    .posting-more-middle-2 {
        padding-top: 20px;
        border-left: 1px solid transparent;
    }
    
    .posting-more-middle-3 {
        border-top: 1px solid #e9edf0;
        border-right: 0;
        border-left: 1px solid transparent;
        padding-top: 20px;
    }
    
    .posting-more-right {
        width: 64px;
        float: right;
        text-align: center;
        height: 100%;
    }
    
    .posting-more .post-btn-down,
    .posting-more.extended .post-btn-up {
        display: block;
    }
    
    .posting-more .post-btn-up,
    .posting-more.extended .post-btn-down {
        display: none;
    }
    
    .posting-more .when-extended {
        display: none;
    }
    
    .posting-more.extended .when-extended {
        display: block;
    }
    
    .posting-more.reply-more {
        min-height: unset;
    }
    
    .posting-more-middle.reply-middle {
        padding-top: 20px;
    }
    
    .posteditor {
        position: relative;
    }
    
    .posteditor-buttons {
        position: absolute;
        bottom: -310px;
        right: 20px;
        width: 50%;
        z-index: 9;
    }
    
    .posteditor-buttons .form-btn {
        margin-top: 0;
    }

    .posteditor-buttons .col {
        padding-top: 0 !important;
    }    

    .postings-no-functions:not([data-kunde-id="893"]) .posting-right,
    .postings-no-functions .reply,
    .postings-no-functions .posting .attributes .attribute:hover .plus,
    .postings-no-functions .posting .attributes .attribute .filter,
    .postings-no-functions .posting .attributes .attribute:hover .filter,
    .postings-no-functions *[data-toggle="modal"],
    .postings-no-functions .postbar-share-intern {
        display: none !important;
    }


    
    .postings-no-functions .posting .attributes .attribute:hover .normal,
    .postings-no-functions .posting .attributes .attribute:hover strong {
        display: block !important
    }

    .post-btn .workflow {
        display: none;
    }

    .post-btn[data-status="0"] .workflow[data-status="0"] { display: inline-block}
    .post-btn[data-status="1"] .workflow[data-status="1"] { display: inline-block}
    .post-btn[data-status="2"] .workflow[data-status="2"] { display: inline-block}
    .post-btn[data-status="3"] .workflow[data-status="3"] { display: inline-block}
    .post-btn[data-status="4"] .workflow[data-status="4"] { display: inline-block}
    .post-btn[data-status="5"] .workflow[data-status="5"] { display: inline-block}
    .post-btn[data-status="6"] .workflow[data-status="6"] { display: inline-block}
    .post-btn[data-status="7"] .workflow[data-status="7"] { display: inline-block}

    .post-btn[data-status="0"] .workflow-status[data-status="0"] { display: inline-block !important}
    .post-btn[data-status="1"] .workflow-status[data-status="1"] { display: inline-block !important}
    .post-btn[data-status="2"] .workflow-status[data-status="2"] { display: inline-block !important}
    .post-btn[data-status="3"] .workflow-status[data-status="3"] { display: inline-block !important}
    .post-btn[data-status="4"] .workflow-status[data-status="4"] { display: inline-block !important}
    .post-btn[data-status="5"] .workflow-status[data-status="5"] { display: inline-block !important}
    .post-btn[data-status="6"] .workflow-status[data-status="6"] { display: inline-block !important}
    .post-btn[data-status="7"] .workflow-status[data-status="7"] { display: inline-block !important}

    .post-btn .workflow-hover {
        display: none;
    }

    .post-btn.display .workflow-hover {
        display: inline-block !important;
    }

    .post-btn.display .workflow-status,
    .post-btn.display .workflow {
        display: none !important;
    }
  
    /************************************
*									*
*	General							*							
*									*
*************************************/
    
    .skeleton {
        display: none;
    }
    
    .light {
        opacity: 0.65;
    }
    
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .minicolors-swatch {
        cursor: pointer !important;
    }

    .color-scheme{
        height: 80px
    }

    .color-scheme .form-label,
    .color-scheme .form-label label.filled {
        opacity: 1 !important;
        color: #422f7e;
    }

    .col {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .col-hc1 {
        width: 130px;
        padding-bottom: 15px;
    }
    
    .col-hc2 {
        width: 410px;
        padding-bottom: 15px;
    }
    
    .col-sc {
        width: 200px;
        float: left;
        padding-right: 10px;
        margin-right: 50px;
        border-right: 1px solid #3f3e45;
    }
    
    .d-inline-block {
        display: inline-block;
    }
    
    .clearfix {
        clear: both;
    }
    
    .pull-left {
        float: left !important;
    }
    
    .pull-right {
        float: right !important;
    }
    
    .pos-abs {
        position: absolute;
    }
    
    .pos-rel {
        position: relative;
    }
    
    .pos-bottom {
        bottom: 0;
    }
    
    .lh-32 {
        line-height: 32px;
    }
    
    .pt-0 {
        padding-top: 0! important;
    }
    
    .pb-0 {
        padding-bottom: 0! important;
    }
    
    .p-5 {
        padding: 5px;
    }

    .pl-8 {
        padding-left: 8px;
    }
    
    
    .pl-30 {
        padding-left: 30px;
    }
    
    .pr-20 {
        padding-right: 20px;
    }
    
    .ml-0 {
        margin-left: 0px;
    }
    
    .ml-5 {
        margin-left: 5px;
    }
    
    .ml-15 {
        margin-left: 15px;
    }
    
    .ml-30 {
        margin-left: 30px;
    }
    
    .mx-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    .mr-5 {
        margin-right: 5px;
    }
    
    .mr-15 {
        margin-right: 15px;
    }
    
    .mr-30 {
        margin-right: 30px;
    }
    
    .mt-0 {
        margin-top: 0px !important;
    }
    
    .mt-4 {
        margin-top: 4px;
    }
    
    .mt-5 {
        margin-top: 5px;
    }

    .mt-10 {
        margin-top: 10px;
    }

    .mt-15 {
        margin-top: 15px !important;
    }
    
    .mt-30 {
        margin-top: 30px;
    }
    
    .mt-50 {
        margin-top: 50px;
    }
    
    .mt-100 {
        margin-top: 100px;
    }
    
    .mb-5 {
        margin-bottom: 5px;
    }
    
    .mb-15 {
        margin-bottom: 15px;
    }
    
    .mb-30 {
        margin-bottom: 30px;
    }
    
    .mb-50 {
        margin-bottom: 50px;
    }
    
    .mb-100 {
        margin-bottom: 100px;
    }
    
    .d-inline-block {
        display: inline-block;
    }
    
    .d-block {
        display: block;
    }
    
    .text-left {
        text-align: left;
    }
    
    .text-center {
        text-align: center;
    }
    
    .text-right {
        text-align: right;
    }
    
    .underline {
        text-decoration: underline;
    }
    
    .noselect {
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Old versions of Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
    }
    
    .yesselect {
        cursor: text;
        -webkit-touch-callout: text;
        /* iOS Safari */
        -webkit-user-select: text;
        /* Safari */
        -khtml-user-select: text;
        /* Konqueror HTML */
        -moz-user-select: text;
        /* Old versions of Firefox */
        -ms-user-select: text;
        /* Internet Explorer/Edge */
        user-select: text;
        /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
    }
    
    .typeahead.dropdown-menu .typeahead span {
        font-size: 14px !important;
    }
    
    strong.highlight-suggestion,
    strong.highlight-search {
        background: #abd39f;
        font-size: 100%;
        overflow-wrap: break-word;
        word-wrap: break-word;
        padding: .0rem .1rem .2rem;
        border-radius: .2rem;
    }
    /************************************
*									*
*	Custom Dashboards				*							
*									*
*************************************/
    
    .cd-template-item {
        margin: 16px 0;
        cursor: pointer;
    }

    .dashboard-create-cancel,
    .dashboard-create-back-start {
        text-align: center;
        color: grey;
        cursor: pointer;
    }
    
    .dashboard-create-cancel:hover,
    .dashboard-create-back-start:hover {
        text-decoration: underline;
    }
    
    .dashboard-widget-type-info {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .dashboard-widget-type-info span {
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
    }
    
    .dashboard-widget-type-info p {
        font-size: 13px;
        font-weight: 400;
    }
    
    .dashboard-widget-type-selection {
        padding: 0 10px;
    }
    
    .cd-template-custom .col,
    .cd-template-list .col {
        position: relative;
    }

    .cd-template-custom-button {
        position: absolute;
        top: 16px;
        right: 32px;
        border-radius: 50%;
        border: 1px solid #c5c8ca;
        width: 14px;
        height: 14px;
    }

    .cd-create-now {
        border-radius: 4px;
        background-color: #a096be;
        height: 40px;
        color: #ffffff;
        font-weight: bold;
        border: 1px transparent;
        display: inline-block;
        width: 65%;    
        margin: 35px auto 0;
        line-height: 40px;
    }

    .cd-create-now.active {
        background-color: #422f7e;
        cursor: pointer;
        border: 1px transparent;
        color: #ffffff;        
    }

    .cd-new-template-inner,
    .dashboard-widget-type-selection-inner,
    .dashboard-widget-category-selection-inner {
        background: #FFFFFF;
        border: 1px solid #E9EDF0;
        box-sizing: border-box;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
        padding-top: 80px;
        height: 350px;
    }
    
    .cd-new-template-inner {
        background: transparent !important;
        border: 1px solid #c5c8ca;
    }
    .dashboard-widget-category-selection-inner {
        height: 160px;
        padding-top: 60px;
        margin-bottom: 30px;
    }
    
    .cd-template-item.active .cd-new-template-inner,
    .cd-new-template.active .cd-new-template-inner,
    .cd-new-custom.active .cd-new-template-inner,
    .cd-new-template-inner:hover,
    .dashboard-widget-category-selection-inner:hover,
    .dashboard-widget-type-selection-inner:hover {
        background: rgba(160, 150, 190, 0.104376) !important;
        border: 1px solid #422F7E!important;
        color: #422F7E!important;
    }
    
    .dashboard-widget-category-selection i {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        font-size: 32px;
        color: #422f7e;
    }
    
    .cd-template-item.active .cd-template-custom-button,
    .cd-new-template.active .cd-template-custom-button,
    .cd-new-custom.active .cd-template-custom-button,
    .cd-template-custom .col:hover .cd-template-custom-button {
        border: 1px solid #422F7E;
        background-color: #a79bcc;
    }

    .cd-new-template-inner img{
        margin: 0 auto 60px;
        display: block;
    }

    .cd-new-template-inner i {
        margin: 0 auto 60px;
        font-size: 48px;
        display: block;
        color: #86acaf;
        /* #color: #a096be; */
    }

    .cd-new-template-inner .hover,
    .cd-new-template-inner:hover img:not(.hover),
    .cd-template-item.active .cd-new-template-inner img:not(.hover),
    .cd-new-template.active .cd-new-template-inner img:not(.hover),
    .cd-new-custom.active .cd-new-template-inner img:not(.hover) {
        display: none !important;;
    }    

    .cd-template-item:hover .cd-new-template-inner i,
    .cd-template-item.active .cd-new-template-inner i {
        color: #422f7e;
    }

    .cd-template-item.active .cd-new-template-inner .hover,
    .cd-new-template.active .cd-new-template-inner .hover,
    .cd-new-custom.active .cd-new-template-inner .hover,
    .cd-new-template-inner:hover .hover {
        display: block !important;
    }    

    .dashboard-widget-type-selection img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
    }
    
    .dashboard-widget-type-selection:hover img:not(.hover) {
        display: none;
    }
    
    .dashboard-widget-type-selection .hover {
        display: none;
    }
    
    .dashboard-widget-type-selection:hover .hover {
        display: block;
    }
    
    .dashboard-attributes-nav {
        display: block;
        position: relative;
        border-top: 1px solid #E9EDF0;
        border-bottom: 1px solid #E9EDF0;
        padding: 13px 0;
        height: 56px;
    }
    
    .dashboard-attributes-nav-left,
    .dashboard-attributes-nav-right {
        display: inline-block;
        width: 70px;
        text-align: center;
        padding-top: 18px;
        height: 38px;
        position: absolute;
        cursor: pointer;
    }
    
    .dashboard-attributes-nav-left {
        float: left;
        left: 0px;
    }
    
    .dashboard-attributes-nav-right {
        float: right;
        right: 0px;
    }
    
    .dashboard-attribute-part-category {
        display: none;
    }
    
    .dashboard-attributes-nav-items {
        overflow: hidden;
        width: 600px;
        position: absolute;
        top: 13px;
        left: 120px;
    }
    
    .dashboard-attributes-nav-item {
        display: inline-block;
        padding-top: 18px;
        text-align: center;
        width: 100px;
        float: left;
        border: 1px solid #E9EDF0;
        box-sizing: border-box;
        border-radius: 4px;
        margin: 0 8px;
        height: 55px;
        cursor: pointer;
        outline: 0;
    }
    
    .dashboard-attributes-nav-item.slick-current {
        background: rgba(160, 150, 190, 0.101617);
        border: 1px solid #422F7E;
        color: #422F7E;
    }
    
    .dashboard-attribute-part {
        margin-top: 10px;
        padding: 24px 0px;
        height: 248px;
    }
    
    .dashboard-attribute-part .entry {
        cursor: pointer;
    }
    
    .dashboard-attribute-part-middle {
        border-left: 1px solid #E9EDF0;
        border-right: 1px solid #E9EDF0;
        padding: 24px;
    }
    
    .dashboard-attribute-part-right {
        padding: 24px;
    }
    
    .dashboard-attribute-part-middle .attribute-first,
    .dashboard-attribute-part-middle .no-attributes,
    .dashboard-attribute-part-right .attribute-first,
    .dashboard-attribute-part-right .type-first {
        opacity: 0.15;
        display: block;
        margin-top: 120px;
        text-align: center;
    }
    
    .dashboard-attribute-part-item {
        border: 1px solid #E9EDF0;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 30px 54px;
        text-align: center;
        cursor: pointer;
        display: none;
        margin: 0 30px 30px 30px;
    }
    
    .dashboard-attribute-part-item:hover,
    .dashboard-attribute-part-item.selected {
        background: rgba(160, 150, 190, 0.104376);
        border: 1px solid #422F7E;
        color: #422F7E;
    }
    
    .dashboard-attribute-part-item img {
        display: block;
        margin: 0 auto 10px auto;
    }
    
    .dashboard-attribute-part-item img.hover {
        display: none;
    }
    
    .dashboard-attribute-part-item.selected img:not(.hover),
    .dashboard-attribute-part-item:hover img:not(.hover) {
        display: none;
    }
    
    .dashboard-attribute-part-item.selected img.hover,
    .dashboard-attribute-part-item:hover img.hover {
        display: block;
    }
    
    .dashboard-insert-element {
        margin-top: 10px;
        padding-right: 20px;
        border-top: 1px solid #E9EDF0;
    }
    
    .dashboard-holder {
        position: relative;
    }
    
    .dashboard-holder:not(.dashboard-edit-layout-mode) .hidden-outside-editor {
        display: none;
    }
    
    .dashboard-holder.dashboard-edit-layout-mode .hidden-in-editor {
        display: none;
    }
    
    .dashboard-edit-layout-mode .hide-outside-editor {
        display: block;
    }
    
    .hide-outside-editor,
    .dashboard-edit-layout-mode .hide-in-editor {
        display: none;
    }

    .cd-template-custom,
    .cd-template-list {
        width: 620px;
        margin: auto;
        margin-top: 100px;
        text-align: center;
        color: #3F3E45;
    }

    .cd-create-form {
        width: 420px;
        margin: auto;
        margin-top: 100px;
        text-align: center;
        color: #3F3E45;
    }
    
    .dashboard-create-form .dropdown-holder {
        top: 0;
        background-color: #f9f9f9;
    }
    
    .dashboard-create-form .dropdown-options {
     
        background-color: #f9f9f9;
    }    
   /*  .dashboard-create-form .has-dropdown, */
    .dashboard-create-form .dropdown-option {
        text-align: left;
    }

    .dashboard-create-form input {
        text-align: center;
        font-size: 16px !important;
    }

    .dashboard-create-form .form-btn {
        width: 200px;
    }
    
    .cd-empty {
        padding: 70px 0;
        height: 300px;
        background: #EFF1F5;
        border: 2px solid #FFFFFF;
        box-sizing: border-box;
        text-align: center;
        clear: both;
    }
    
    .cd-empty div {
        font-size: 12px;
        line-height: 20px;
        color: #3F3E45;
    }
    
    .cd-empty span {
        position: relative;
        width: 40px;
        height: 40px;
        background: #422F7E;
        color: #fff;
        font-size: 13px;
        display: inline-block;
        border-radius: 20px;
        margin-top: 32px;
        cursor: pointer;
    }
    
    .cd-empty span:hover {
        color: #fff;
        background-color: #a096be;
    }
    
    .cd-empty span i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .box-h1-holder {
        overflow: unset !important;
    }
    
    .box-h1-dummy {
        width: 100%;
    }
    
    .cd-startzone {
        background: rgb(153, 99, 99);
        border: 2px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 4px;
        z-index: 9;
        opacity: 0.3;
    }
    
    .cd-dropzone {
        background: rgb(218, 213, 173);
        border: 2px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 4px;
        position: relative;
        float: left;
    }
    
    .cd-dropzone[data-width="4"][data-height="0"] {
        width: 100% !important;
    }
    
    .cd-dropzone i {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .cd-dropzone.drag-over {
        background: #86acaf;
    }
    
    .cd-dropzone-marker {
        background: #86acaf;
        border: 2px solid #FFFFFF;
        box-sizing: border-box;
        width: 24px;
        position: absolute;
        z-index: 11;
    }
    
    .cd-dropzone-marker-inner {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
    }
    
    .cd-dropzone-marker-inner i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .cd-dropzone-marker:hover {
        background-color: rgb(218, 213, 173);
    }
    
    .cd-element {
        margin: 16px 8px;
    }
    
    .ui-draggable {
        z-index: 9;
    }
    
    .ui-draggable-dragging {
        z-index: 10 !important;
    }
    
    .ui-draggable-dragging .cd-element-inner-real-2,
    .ui-draggable-dragging .box-inner {
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
    }
    
    .cd-element {
        width: 100%;
        margin-bottom: 24px;
        float: left;
    }
    
    .cd-element .cd-element-inner {
        float: left;
        width: 50%;
    }
    
    .cd-element[data-id="HEADLINE"] .cd-element-inner-real {
        padding: 0px 15px 0px 0px;
        height: 40px;
    }
    
    .cd-element[data-id="PARAGRAPH"] .cd-element-inner-real {
        padding: 0px 15px 0px 0px;
        height: 160px;
    }
    
    .cd-element .cd-element-inner-real-2 {
        background-color: #fff;
        padding: 5px 7px 5px 15px;
        border: 1px solid #E9EDF0;
        box-sizing: border-box;
        border-radius: 4px;
        width: 100%;
        height: 100%;
    }
    
    .cd-element[data-id="HEADLINE"] .cd-element-inner-real-2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        color: #422F7E;
    }
    
    .cd-element-inner.edit .cd-element-inner-real-2 {
        border: 1px solid #A096BE;
    }
    
    .cd-element span {
        display: inline-block;
        float: left;
        line-height: 30px;
        width: 80%;
    }
    
    .cd-element[data-id="PARAGRAPH"] span {
        line-height: 18px;
        margin-top: 5px;
    }
    
    .cd-element textarea {
        margin-top: 5px;
    }
    
    .cd-element input,
    .cd-element textarea {
        float: left;
        display: none;
        width: 70%;
        line-height: 18px;
        border: 0;
        padding: 0;
        outline: 0;
    }
    
    .cd-element input {
        line-height: 30px;
    }
    
    .cd-element .cd-element-control {
        float: right;
        text-align: center;
        padding: 5px;
        margin: 0 5px;
        font-size: 11px;
        margin-top: 4px;
        cursor: pointer;
    }
    
    .cd-element .cd-element-control.delete,
    .cd-element .cd-element-control.save {
        display: none;
    }
    
    .cd-element .cd-element-control.move {
        cursor: move;
    }
    
    .dashboard-element-selection {
        display: none;
    }
    
    .dashboard-element-group-nav {
        border: 1px solid grey;
        margin: 2px;
        padding: 15px 10px 2px 10px;
        text-align: center;
        height: 130px;
        font-size: 16px;
        line-height: 35px !important;
    }
    
    .dashboard-element-group-nav:hover {
        background-color: #d4d4d4;
        border: 3px solid grey;
        margin: 0;
        cursor: pointer;
        color: white;
    }
    
    .dashboard-element-group-nav i {
        font-size: 35px;
        margin: 0 10px 10px 10px;
    }
    
    .dashboard-element-group {
        display: none;
    }
    
    .dashboard-list-category,
    .dashboard-list-target,
    .dashboard-list-display,
    .dashboard-list-sizes {
        list-style: none;
        margin: 20px 50px 20px 0;
        padding: 0;
        float: left;
        width: 200px;
    }
    
    .dashboard-list-target,
    .dashboard-list-display,
    .dashboard-list-sizes {
        display: none;
    }
    
    .dashboard-list-category li,
    .dashboard-list-target li,
    .dashboard-list-display li,
    .dashboard-list-sizes li {
        padding: 10px;
        cursor: pointer;
    }
    
    .dashboard-list-category li.selected,
    .dashboard-list-display li.selected,
    .dashboard-list-target li.selected {
        background-color: #d4d4d4;
        color: #fff;
    }
    
    .dashboard-list-category li:hover,
    .dashboard-list-target li:hover,
    .dashboard-list-display li:hover,
    .dashboard-list-sizes li:hover {
        background-color: #d4d4d4;
        color: #fff;
    }
    
    .dashboard-element-preview-image {
        float: left;
        display: none;
        width: 103px;
        height: 43px;
        background-size: cover;
        background-position: center;
        margin-left: 35px;
        margin-top: 4px;
    }
    
    .dashboard-html p {
        padding: 10px;
    }
    
    .dashboard-create-elements {
        /* 	display: none; */
    }
    
    .dashboard-link {
        display: block;
        margin: 20px 0 40px 0;
        font-size: 16px;
    }
    
    .dashboard-link-show {
        margin-top: 20px;
        border: 1px solid #422F7E;
        box-sizing: border-box;
        border-radius: 4px;
        line-height: 40px;
    }
    
    .dashboard-link-preview {
        padding: 21px;
        font-size: 14px;
    }
    
    .dashboard-link-copy {
        float: right;
        color: #fff;
        padding: 1px 18px;
        font-size: 14px;
        cursor: pointer;
        background: #422F7E;
        border-radius: 0px 4px 4px 0px;
    }
    
    .dbshare {
        display: inline-block;
        padding-right: 40px;
    }
    
    .graph-tab-nav {
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .graph-tab-nav.active {
        border-bottom: 2px solid #422f7e;
    }

    .graph-load-manually-start {
        cursor: pointer;
    }

    .graph-loader-manually-load {
        cursor: pointer;
    }

    .graph-loader-manually-result {
        display: none;
    }

    .graph-loader-manually-result.active {
        display: block;
    }

    .graph-loader-manually-holder {
        background-color: #fff;
        padding: 16px;
        line-height: 24px;
        border: 1px solid #e9edf0;  
        margin: 24px 8px 0 8px;  
        padding-right: 260px;
    }
    
    .box-inner .graph-loader-manually-holder {
        border: none;
        margin: 0px;  
        padding-right: 260px;
    }

    .box-inner .graph-tab-nav-holder {
        display: flex;
        gap: 16px;
    }

    .box-inner .graph-tab,
    .box-inner .graph-tab.skeleton,
    .box-inner .graph-tab-nav.skeleton {
        display: none;
    }

    .box-inner .graph-tab.active {
        display: block;
    }

    .box-inner .graph-tab-nav {
        cursor: pointer;
    }

    .og-zoom {
        position: absolute;
        top: 30px;
        right: -330px;
        width: 300px;
        z-index: 1000;
        box-shadow: 5px 14px 24px #8f7f7f;
    }
    
    .text-underlined {
        text-decoration: underline;
    }
    
    .hidden {
        display: none !important;
    }

    .graph-tab-nav-holder .spacer {
        width: 1px;
        background: black;
        height: 16px;
        margin-top: 4px;
    }

    .ki-summary-settings-outer {
        position: relative
    }

    .ki-summary-settings-inner {
        width: 300px;
        position: absolute;
        top: 99px;
        margin-top: -100px;
        z-index: 200;
        left: -3px;      
    }

    .ki-summary-settings-inner  .ki-summary-settings {
        margin-top: 4px;
        cursor: pointer;
    }

    .ki-summary-settings-inner .dropdown-holder {
        top: -6px;
        left: 36px;
    }

    .ki-summary-settings-inner .form-input {
        border: 0 !important;
        background-color: transparent !important;
    }

    .campaign-info {
        font-size: 18px;
        padding: 48px 0;
        word-break: unset;
        width: 97%;
    }
    
    .campaign-info p {
        width: 85%;
        text-align: left;
        line-height: 20px;
        font-size: 14px;
    }
    
    .code-attr-val {
        color: yellow;
    }
    
    .code-attr {
        color: green
    }
    
    .code-node {
        color: red;
    }
    
    .campaign-link .link {
        width: 80%;
        float: left;
        text-align: left;
        padding: 16px;
        /* overflow-wrap: break-word; */
        /* word-wrap: break-word; */
        -ms-word-break: break-all;
        word-break: break-all;
        /* word-break: break-word; */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        line-height: 20px;
        margin: 32px 0;
        font-size: 14px;
        text-align: left;
    }
    
    .campaign-link-code i {
        margin-top: 70px;
        cursor: pointer;
    }
    
    .campaign-link-code .link {
        color: #fff;
        background-color: #000;
    }
    
    .campaign-link-plain i {
        margin-top: 55px;
        cursor: pointer;
    }
    
    .campaign-link-plain .link {
        background-color: #d4d4d4;
        padding: 16px;
    }
    
    .campaign-link-label {
        cursor: pointer;
    }
    
    .campaign-link-info {
        padding: 2px;
        font-size: 12px;
    }

    #modal-campaign-color .logo img {
        max-width: 100%;
    }
    
    .qrcode {
        display: none;
    }

    .review {
        text-align: center;
        margin-top: 128px;
    }
    
    .review form {
        text-align: left;
    }
    
    .review form a {
        color: #000 !important;
    }
    
    .review form a:hover {
        color: #000 !important;
    }
    
    .review h2 {
        font-size: 28px;
        margin: 32px 0 16px;
    }
    
    .review p {
        font-size: 18px;
    }
    
    .review .review-logo {
        width: 150px;
        height: 150px;
        display: block;
        margin: 32px auto;
    }
    
    .review-links {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .review-link {
        border: 1px solid #ccc;
        width: 220px;
        height: 220px;
        margin: 32px auto;
        text-align: center;
        position: relative;
    }
    
    .review-link-bottom {
        width: 100%;
        height: 48px;
        background-color: #eee;
        border-top: 1px solid #ccc;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .review-link-rate-now {
        display: inline-block;
        position: absolute;
        padding: 8px 16px;
        background-color: green;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 67%;
    }
    
    .review-link img {
        width: 64px;
        height: 64px;
        display: block;
        margin: 32px auto;
    }
    
    .review a,
    .review a:hover,
    .review a.visited {
        color: #fff !important;
    }
    
    .review a p,
    .review a:hover p,
    .review a.visited p {
        color: #000 !important;
    }
    
    .review .fa-star {
        font-size: 32px;
        color: #80868b;
    }
    
    .review-stars-holder {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 48px 0;
    }
    
    .review-star {
        margin: 0 36px;
        width: 48px;
        text-align: center;
        cursor: pointer;
    }
    
    .review-star .hover-yes {
        display: none;
    }
    
    .review-star:hover .hover-yes,
    .review-star.star-on .hover-yes
     {
        display: block !important;
        color: #fbbc04;
    }
    
    .review-star .hover-no {
        display: block;
    }
    
    .review-star:hover .hover-no {
        display: none !important;
    }
    
    .review-star-low {
        float: left;
        margin-left: 64px;
    }
    
    .review-star-high {
        float: right;
        margin-right: 64px;
    }
    
    .posting-skeletons .skeleton {
        position: relative;
        background-color: #ffffff;
        margin-top: 12px;
        min-height: 352px;
        color: #3f3e45;
        border: 1px solid #e9edf0;
        border-radius: 4px;
        display: block;
    }
    
    .posting-skeletons .skeleton-left {
        width: 195px;
        float: left;
        text-align: center;
        padding: 0 50px;
        font-size: 12px;
        height: 100%;
        padding-left: 50px;
    }
    
    .posting-skeletons .skeleton-right {
        width: 750px;
        float: left;
        padding: 0 50px;
        font-size: 12px;
        height: 100%;
        padding-left: 50px;
    }
    
    .posting-skeletons .skeleton-image {
        width: 65px;
        height: 65px;
        margin-top: 25px;
        display: inline-block;
    }
    
    .posting-skeletons .skeleton-text-thin {
        width: 80%;
        height: 25px;
        margin: 12px 0;
        display: inline-block;
    }
    
    .posting-skeletons .skeleton-text-thick {
        width: 60%;
        height: 35px;
        margin: 18px 0;
        display: inline-block;
    }
    
    .posting-skeletons .skeleton-right-top {
        height: 85px;
        width: 100%;
        margin-top: 5px;
    }
    
    .posting-skeletons .skeleton-right-middle {
        height: 90px;
        width: 100%;
        padding-top: 20px;
    }
    
    .posting-skeletons .skeleton-right-bottom {
        height: 90px;
        width: 100%;
        padding-top: 20px;
    }
    
    .skeleton-loading {
        animation: skeleton-loading 1s linear infinite alternate;
    }
    
    @keyframes skeleton-loading {
        0% {
            background-color: #ddd;
        }
        100% {
            background-color: #eee;
        }
    }
    /* Suggestions items */
    
    .tagify {}
    
    .tagify--mix .tagify__input {
        padding: 8px 0 !important;
        min-height: 100px;
        line-height: 25px !important;
    }
    
    .tagify__input .tagify__tag {
        margin: 8px !important;
        border-radius: 8px !important;
    }

    .tagged-user{
        color:#4573d2;
    }

    .tagged-user::before {
        content: '@';
    }
    .tagify__input .tagify__tag>div {
        padding: 4px 0px !important;
        background-color:white !important;
        color:#4573d2;
    }
    
    .tags-look .tagify__dropdown__item {
        display: block;
        border-radius: 3px;
        padding: .3em .5em;
        border: 1px solid #CCC;
        background: #F3F3F3;
        margin: .2em;
        font-size: .85em;
        color: black;
        transition: 0s;
    }
    
    .tagify__input .tagify__tag {
        margin: 8px 4px !important;
    }

    .tags-look .tagify__dropdown__item--active {
        color: black;
    }
    
    .tags-look .tagify__dropdown__item:hover {
        background: lightyellow;
        border-color: gold;
    }
    /* Tags items */
    
    .tagify__tag {
        white-space: nowrap;
    }
    
    .tagify__tag:focus div::before, 
    .tagify__tag:hover:not([readonly]) div::before 
    {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .usertag-popup {
        transition-duration: 0.2s;
        line-height: 32px;
        position: absolute;
        padding: 1px 12px !important;
        font-size: 14px !important;
    }
    
    .usertag-results {
        position: absolute;
        top: 0;
        z-index: 9999;
        background-color: #fff;
        border: 1px solid #eee;
        line-height: 40px;
    }
    
    .usertag-popup .user-image {
        float: left;
        margin: 5px 10px 0 10px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background-color: #422f7e;
        text-align: center;
        font-size: 10px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #fff;
    }
    
    .usertag-popup .user-image {
        margin-top: 8px;
        background-color: #a096be !important;
    }
    
    .usertag-popup .user-image .username {
        float: left;
        padding-top: 7px;
        padding-left: 5px;
    }
    
    .usertag-box {
        padding: 8px;
    }
    
    .usertag-box.selected {
        color: #fff;
        background-color: #a096be;
    }

    .posting-has-been-removed .posting-left, 
    .posting-has-been-removed .posting-more,
    .posting-has-been-removed .posting-middle  {
        opacity: 0.75;
    }

    .posting-has-been-removed .posting-right {
        color: rgba(63, 62, 69, 0.75)
    }

    .content-has-been-removed {

        text-decoration: line-through;
    }

/*     .content-has-been-removed .removed-text {
        display: inline !important;
        background-color: #e9d2d6;
    } */

    .posting:not(.posting-has-been-removed) .posting-changes .posting-changes-removed-opacity {
        opacity: 0.6 !important;
    }

    .posting:not(.posting-has-been-removed) .posting-changes .posting-changes-removed-strike {
        text-decoration: line-through;
    }

    .posting-change-log {
        display: none;
        padding-bottom: 16px;
        margin-top: 16px;
        padding-left: 40px;
    }
    .posting-changes {
        margin-bottom: 16px;
    }
    .posting-changes-title,
    .posting-changes-date {
        margin: 8px 0;
        opacity: 1 !important;
        display: block;
    }

    .posting-changes-rating {
        margin: 8px 0;
        opacity: 1 !important;
        display: block;
    }

    .posting-changes-rating i {
        margin: 0 32px;
    }
    .posting-changes ins {
        background-color: #d2e9d2;
        text-decoration: none;
    }

    .posting-changes del {
        background-color: #e9d2d6;
      /*   text-decoration: none; */
    }

    .posting-changes-title {
        font-weight: bold;
        opacity: 1 !important;
    }

    div.admin-info {
        display: block;
        width: 100%;
        background-color: yellow;
        position: fixed;
        padding: 0 20px;
        bottom: 0;
        height: 24px;
        font-size: 13px;

        z-index: 999;   
        line-height: 24px;
    }

    span.admin-info {
        float: left;
        margin: 0 24px;
    }

    .mybusiness-location-posts {
        margin-top: 64px;
    }
    
    .mybusiness-location-posts-spinner {
        text-align: center;
        padding: 8px;
        font-size: 20px;        
    }

    .mybusiness-create-post-switch {
        position: absolute;
        top: -44px;
    }    

    .applebusiness-location-list,
    .mybusiness-location-list {
        float: left;
        width: 300px;
        margin-right: 48px;
        padding-top: 56px;
        position: relative;
    }

    .applebusiness-location-create {
        position: absolute;
        top: 32px;
        left: 0;
        font-size: 80%;
        opacity: 0.8;
        cursor: pointer;
    }

    .applebusiness-location-select-all,
    .applebusiness-location-deselect-all,    
    .mybusiness-location-select-all,
    .mybusiness-location-deselect-all {
        position: absolute;
        top: 166px;
        left: 0;
        font-size: 80%;
        opacity: 0.8;
        cursor: pointer;
    }

    .mybusiness-manage-groups {
        position: absolute;
        top: 166px;
        right: 0;
        font-size: 80%;
        opacity: 0.8;
        cursor: pointer;        
    }

    .mybusiness-select-group .has-dropdown {
        border: none !important;
        color: #000;
        opacity: 0.65;
        font-size: 80%;
    }

    .mybusiness-select-group .dropdown-holder {
        top: 8px;
    }

    .mybusiness-select-group .fa-caret-down{
        margin-right: 24px !important;
    }
    .mybusiness-select-group .fa-caret-up{
        margin-right: 8px !important;
    }

    .applebusiness-location-deselect-all,
    .mybusiness-location-deselect-all {
        display: none;
    }

    .applebusiness-location-list-search-wrapper,
    .mybusiness-location-list-search-wrapper {
        height: 26px;
        margin-top: 16px;
        border-bottom: 1px solid #eee;
        padding-bottom: 8px;
    }

    .applebusiness-location-list-search-wrapper input,
    .mybusiness-location-list-search-wrapper input {
        width: 210px;
        margin-left: 5px;
        border: 0;
        height: 14px;
        font-size: 12px !important;
        outline: 0;
        color: #422f7e;
    }

    .applebusiness-locations,
    .mybusiness-locations {
        margin-top: 64px;
    }

    .applebusiness-location-detail,
    .applebusiness-location-bulk-action,
    .mybusiness-location-detail,
    .mybusiness-location-bulk-action {
        float: left;
/*         width: 1100px; */
    }

    .applebusiness-location-bulk-action,
    .mybusiness-location-bulk-action {
        background-color: #ffffff;
        margin-top: 12px;
        min-height: 352px;
        color: #3f3e45;
        border: 1px solid #e9edf0;
        border-radius: 4px;
        width: 520px;
        padding: 32px;
        display: none;
    }


    .applebusiness-location {
        display: block;
        margin: 16px 0;
        line-height: 24px;
        font-size: 14px;
        color: #422f7e;
        width: 100%;
        height: 112px;
        cursor: pointer;  
        color: #70757a;
    }
    .applebusiness-location .select-all {
        display: none;
     }

    .applebusiness-location.selected .select-all {
       display: block;
       float: left; 
       position:fixed;
       margin-left: 2px;
       margin-top: 4px;
       color: #1a73e8;       
    }

    .applebusiness-location:not(:first-child) {
        border-top: 1px solid #eee;
        padding-top: 16px;        
    }

    .applebusiness-location-image {
        float: left;
        width: 32px;
        height: 100%;   
        position: relative;           
    }

    .applebusiness-location-image img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    

    .applebusiness-location-info {
        float: left;
        width: 200px;
        line-height: 32px;
        margin-left: 16px;
        cursor: pointer;
        overflow-wrap: break-word;
    }

    .applebusiness-location-info  .fa-badge-check {
        color: #1a73e8;
    }

    .applebusiness-location-link {
        margin-left: 48px;
        margin-top: 8px;
    } 

    .applebusiness-location-link svg {
        height: 16px;
        width: 16px;
    }

    



    .applebusiness-location-detail-photo {
        float: left;
        width: 120px;
        height: 120px;
        position: relative;
        cursor: pointer;
        margin: 0 12px 12px 0;
        overflow: hidden;
    }

    .applebusiness-location-detail-photo img{
        width:  120px;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .applebusiness-location-detail-photo-gallery {
        position: relative;
        width: 640px;
        height: 500px;        
        margin-bottom: 64px;
    }

    .applebusiness-location-detail-photo-controls {
        width: 100%;
        /* height: 100%; */
        position: absolute !important;
        bottom: 24px;        
        left: 100%;
        transform: translate(-50%, -50%);        
        text-align: right;
        cursor: pointer;
    }    

    .applebusiness-location-detail-photo-control[data-control="delete"] {
        color: #d93025;         
    }

    .applebusiness-location-detail-photo.applebusiness-location-detail-photo-modal {
        width: 100%;
        height: 100%;
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        float: none;
    }

    .applebusiness-location-detail-photo.applebusiness-location-detail-photo-modal img{
        width: 100%;
        height: unset;
    }

    

    .applebusiness-location-detail-photo-cover,
    .applebusiness-location-detail-photo-profile {
        display: none;
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        position: absolute;
        top: 16px;
        left: 8px;
        padding: 3px;
        z-index: 2;
        border-radius: 4px;
    }


    .applebusiness-location-detail-photo-has-cover .applebusiness-location-detail-photo-cover,
    .applebusiness-location-detail-photo-has-profile .applebusiness-location-detail-photo-profile {
        display: block !important;
    }    

    .applebusiness-location-detail-photo-insights {
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 104px;
        z-index: 2; 
        padding: 0 8px;       
    }

    .applebusiness-location-detail-photo-insights-left {
        float: left;
    }

    .applebusiness-location-detail-photo-insights-right {
        float: right ;
    }




    .applebusiness-location-detail {
        max-width: 760px;
        float: left;
    }


    .applebusiness-location-details-headline {
        color: #202124 !important;
        font: 400 18px/24px "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        padding-bottom: 12px;        
    }

    .applebusiness-location-details-closed,
    .applebusiness-location-details-links,
    .applebusiness-location-details-reviews,
    .applebusiness-location-details-actions,
    .applebusiness-location-details-expert-data {
        border: 1px solid #ddd;
        border-radius: 20px;        
        margin-bottom: 48px;
        padding: 16px 32px 16px 16px;
        color: #70757a;
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;        
    }

    .applebusiness-location-details-action {
        margin-top: 32px;
    }
    .applebusiness-location-details-link {
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        line-height: 48px;
        padding-left: 16px;
        padding-right: 8px;
        display: block;
        cursor: pointer;
    }

    .applebusiness-location-details-reviews .applebusiness-location-details-share,
    .applebusiness-location-details-actions .applebusiness-location-details-action {
        border: 1px solid #eee;
        border-radius: 4px;
        color: #1a73e8;
        padding: 8px 24px;
        display: inline-block;
        margin: 16px 0 8px 0;
        cursor: pointer;
    }

    .applebusiness-location-details-reviews .applebusiness-location-details-share:hover,
    .applebusiness-location-details-actions .applebusiness-location-details-action:hover {
        background-color: #dadce0;
    }


    .applebusiness-location-info-element {
        border-bottom: 1px solid #ddd;
        /* margin: 0 24px; */
        padding: 32px 0px;             
        position: relative;
        cursor: pointer;
        color: #202124;
 
    }


    .applebusiness-location-detail .applebusiness-location-info-left {
        float: left;
        width: 160px;
        font-size: 14px; 
        font-weight: bold;
        margin: 0 8px;
        color: #000;
    }

    .applebusiness-location-detail .applebusiness-location-info-right {
        float: right;
        width: 100px;
        text-align: right;
        font-size: 14px; 
        font-weight: bold;
        margin: 0 8px;
        color: #000;
    }

    .applebusiness-location-detail .col:last-child .applebusiness-location-info-element-content-outer {        
        width: 205px;
    }




    .applebusiness-location-info-element .applebusiness-location-info-hours {
        margin: 16px 0;
        height: 16px;
    }

    .applebusiness-location-info-element-content-title {
        margin-bottom: 8px;
    }

    .applebusiness-location-info-element-content-inner .applebusiness-location-info-hours:first-child {
        margin-top: 0px !important;
    }
    

    .applebusiness-location-info-element-content-outer {
        float: left;
        width: 290px;
    }

    .applebusiness-location-info-element-content-title {
        font-weight: bold;
    }
    

    .applebusiness-location-info-element-disabled {
        cursor: not-allowed !important;
    }

    .applebusiness-location-info-element-disabled .applebusiness-location-info-right {
        color: #202124;
        font-size: 18px;
    }

    .applebusiness-location-function div {
        float: left;
        width: 100px;
        cursor: pointer;
        text-align: center;
        margin-top: 32px;
    } 


    .applebusiness-location-info-hours div {
        float: left;
        width: 45px;
    }

    .applebusiness-location-info-hours-day,
    .applebusiness-location-info-hours-closed {
        width: 90px !important;
    }

    .applebusiness-location-closed {
        color: #d93025; 
    }


    .applebusiness-location-name .applebusiness-location-closed {
        display: none;
    }

    .applebusiness-location-name.applebusiness-location-closed-perm .applebusiness-location-closed-perm,
    .applebusiness-location-name.applebusiness-location-closed-temp .applebusiness-location-closed-temp {
        display: inline-block;
    }

    .applebusiness-location-details-closed {
        border-top: 5px solid  #d93025;
        display: none;
    }

    .applebusiness-location-details-closed h1 {
        margin-top: 8px;
        color: #202124;
        font-size: 18px;
    }
    .google, .apple {
        background-color: #fff;
    }

    .row-phonenumber-first .row-phonenumber-remove {
        display: none;
    }

    .applebusiness-day {
        margin-bottom: 16px;
        min-height: 42px;
    }

    .applebusiness-day-col-left {
        width: 225px;
        float: left;
        margin-top: 8px;
    }

    .applebusiness-day-col-left.applebusiness-day-col-left-special {
        width: 265px;
        margin-top: 0
    }
    
    .applebusiness-day-col-left .applebusiness-day-name {
        float: left;
        width: 80px;
    }

    .applebusiness-day-col-left .applebusiness-day-select {
        float: left;
        width: 120px;
    }

    .applebusiness-day-col-left .applebusiness-day-opened {
        float: left;
        width: 115px;
        cursor: pointer;
    }    

    .applebusiness-day-col-left-special .applebusiness-day-opened {
        margin-top: 8px;
        margin-left: 8px;
    }

    .applebusiness-day-col-right-special {
        display: none; 
        float: left;
        width: 250px;
    }

    .applebusiness-day-col-center {
        width: 610px; 
        float: left;
    }   

    .applebusiness-day-col-center.applebusiness-day-col-center-special {
        width: 550px;
    }
    
    .applebusiness .select-icon {
        color: #1a73e8;
        float: left;
        margin: 2px 10px 0 0;
    }

    .mybusiness .select-icon {
        color: #1a73e8;
        float: left;
        margin: 2px 10px 0 0;
    }



    .select-icon {
        cursor: pointer;
    }

    .select-icon .selected,
    .select-icon.selected .not-selected {
        display: none;
    }

    .select-icon .not-selected,
    .select-icon.selected .selected {
        display: block;    
    }


    .applebusiness-time-spacer {
        width: 10%; 
        text-align: center;
        padding-top: 8px;
        float: left;
    }

    .applebusiness-label input.form-input,
    .applebusiness-day input.form-input {
        padding: 0;
        height: 32px;
    }

    .applebusiness-time-end,
    .applebusiness-time-start {
        width: 20%; 
        float: left;
    }
    
    .applebusiness-time {
        margin-bottom: 8px;
    }
    .applebusiness-time-typeahead {
        position: relative
    }

    .applebusiness-time-typeahead .dropdown-menu {
        position: absolute;
        width: 100%;
        background-color: #fff;
        z-index: 10;
        border: 1px solid #ccc;
        box-shadow: 10px 10px 10px #ccc;
        cursor: pointer;
        padding-top: 16px;        
    }

    .applebusiness-time-typeahead .dropdown-menu .entry {
        padding-top: 8px;
        padding-left: 8px;
        height: 24px;
    }

    .applebusiness-time-typeahead .dropdown-menu .entry.sticky    {
        border-bottom: 1px solid #ccc;
        padding-top: 0 !important;
        padding-bottom: 8px;
    }
    .applebusiness-time-typeahead .entry:not(.seperator):hover,
    .applebusiness-time-typeahead .entry.selected {
        color: #1a73e8;
    }
    
    .applebusiness-time-add{
        cursor: pointer;
        float: left;
        width: 30%;
        text-align: center;
        margin: 8px 0px 0 16px;
    }

    .applebusiness-day-special .applebusiness-day-col-right-special .applebusiness-time-add{
        width: 70% !important;
    }
    .applebusiness-day-special .applebusiness-time-add{
        width: 30%;
    }

    .applebusiness-time-remove,
    .applebusiness-day-remove,
    .applebusiness-label-remove {
        cursor: pointer;
        float: left;
        width: 10%;
        text-align: center;
        margin: 8px 0px 0 0;
        font-size: 19px;
    }
    
    .applebusiness-day-col-center:not(.applebusiness-day-col-center-special) .applebusiness-time:nth-child(1) .applebusiness-time-remove {
        display: none;
    }

    .applebusiness-time-typeahead .entry .selector {
        display: none !important;
    }

    .applebusiness-row-item-add {
        color: #1a73e8;
    }

    .applebusiness-label-holder {
        width: 300px;
        height: 24px;
        margin-top: 24px;
        margin-bottom: 32px;
    }

    .applebusiness-label {
        width: 80%;
         float: left;
    }


    .applebusiness-share-parent {
        margin-left: 15%;
        margin-right: 15%;
    }
    .applebusiness-share-holder {

        margin-top: 40px;
        margin-bottom: 24px;
        position: relative;
        border: 1px solid #202124;
        border-radius: 8px;
    }

    .applebusiness-share-holder .applebusiness-share-holder-info {
        position: absolute;
        top: -10px;
        background: #fff;
        color: #70757a;
        height: 16px;
        left: 16px;
        display: inline-block;
        width: 235px;
        text-align: center;
    }

    .applebusiness-share-holder .applebusiness-share-link {

        padding: 8px 0;
        line-height: 32px;
        font-size: 26px;
        width: 80%;
        border: 0;
        margin-left: 16px;
        outline: 0;
        text-align: left;
    
    }

    .applebusiness-share-button {
        padding: 5px;
        border: 1px solid rgb(218, 220, 224);
        border-radius: 32px;        
        margin: 0 8px;
        cursor: pointer;
    }


    .applebusiness-share-button img {
        border-radius: 50%;
        height: 18px;
        margin-left: 8px;
        width: 18px;
        float: left;
    }

    .applebusiness-share-email {
        margin-top: 24px;
        text-align: center;
        color: #1a73e8;
        fill: #1a73e8;
        cursor: pointer;
    }

    .applebusiness-share-email-icon {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .applebusiness-share-email svg {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 4px;
        left: 0px;
    }
    
    .applebusiness-location-upload {
        padding: 16px;
        margin-bottom: 16px;
        margin-right: 16px;
        border: 0;
        border-radius: 8px;
        box-shadow: 0px 1px 4px rgb(0 0 0 / 26%);
        width: 25%;
        float: left;
        height: 290px;
        position: relative;
    }

    .applebusiness-location-upload-click{ 
        position: absolute;
        bottom: 16px;
        left: 16px;
        background: #1a73e8;
        padding: 8px;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
    }

    .applebusiness-location-upload-click-spinner.hidden {
        display: none !important;
    }

    .applebusiness-location-upload-title {
        color: #202124;
        font: 400 18px/24px "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        padding: 16px 0 12px 0;
        vertical-align: top;        

    }

    .applebusiness-location-upload-description {
        color: #70757a;
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    }

    .applebusiness-location-upload-image img {
        width: 100%;
    }

    .gmb-group-location {
        cursor: pointer;    
        flex: 100%;
        font-size: 12px;
        margin: 4px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .gmb-group-location .gmb-group-location-name,
    .gmb-group-location .gmb-group-location-addr {
        opacity: 0.4;
        display: block;
        flex: calc(50% - 4px);
        overflow: hidden;
        text-overflow: ellipsis;  
        white-space: nowrap;   
        height: 24px;   
    }
    .gmb-group-location.selected .gmb-group-location-name,
    .gmb-group-location.selected .gmb-group-location-addr {
        opacity: 1;
    }

    .gmb-post-header {
        font-size: 18px;
        position: absolute;
        top: 24px;    
        padding-left: 32px;    
    }

    .gmb-post-header:not([data-type="START"]) {
        display: none;
    }

    .gmb-post-page {

        position: relative;
        color: #70757a;
        font: 400 14px / 20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
        padding-right: 20px;
        padding-left: 32px; 
      
    }

    .gmb-post-page-preview {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        display: none;
        z-index: 2;
    }

    .gmb-post-preview-return {
        display: none;
    }

    .gmb-post-page-preview-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding-top: 64px;        
    }

    .gmb-post-page-preview-inner > .gmb-location-post {
        display: flex;
        flex-wrap: wrap;

    }

    .gmb-post-type-item {
        padding: 8px;
    }

    .gmb-post-type-item:not(:last-child) {
        border-bottom: 1px solid #dadce0;
    }

    .gmb-post-type-item:hover {
        background-color: #f5f5f5;
    }

    .gmb-post-type-item strong {
        display: block;
        margin-bottom: 4px;
    }

    .gmb-post-type-item .arrow-right {
        float: right;
    }

    .gmb-post-page .gmb-post-image-upload-tag {
        display: inline-block;
        border-radius: 14px;
        border: 1px solid #c3c3c3;        
        font-size: 14px;
        padding: 8px 10px;
        line-height: 14px;
        cursor: pointer;
        display: none;
        max-width: 145px;
    }

    .gmb-post-page .gmb-post-image-upload-tag svg {
        margin-right: 8px;
        margin-top: -2px;
        float: left;
    }

    .gmb-location-detail-post-list {
        display: flex;
        flex-wrap: wrap;
      }

    .gmb-location-post {
        color: #3c4043;
        position: relative;
    }

    .gmb-location-post-menu-switch {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 1;
        width: 20px;
        height: 20px;
        text-align: center;
        padding-top: 3px;
        box-sizing: border-box;        
    }

    .gmb-location-post-menu-switch:hover {
        border-radius: 50%;
        background-color: #f1f1f1;
        cursor: pointer;
    }

    .gmb-location-post-menu {
        position: absolute;
        top: 16px;
        right: 16px;
        display: none;
        z-index: 2;
        border: 1px solid #3c4043;
        padding: 8px 8px;
        font-size: 11px;        
        background-color: #fff;
        border-radius: 8px;
    }

    .gmb-location-post-menu:hover {
        color: #fff;
        background-color: rgb(26, 115, 232);
        cursor: pointer;
    }

    .gmb-location-post button {
        background-color: rgb(26, 115, 232);
        padding: 0 24px 0 24px;
        font-size: .875rem;
        letter-spacing: .0107142857em;
        font-weight: 500;
        text-transform: none;
        transition: border .28s cubic-bezier(.4,0,.2,1), box-shadow .28s cubic-bezier(.4,0,.2,1);
        box-shadow: none;   
        color: #fff;
        border: 0;
        border-radius: 8px;
        padding: 8px 32px;
        margin-top: 16px;             
    }

    .gmb-location-post button:hover {
        background-color: rgb(27 102 201);
        cursor: pointer;
    }

    .gmb-location-post-inner {
        width: 100%;
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
        padding: 24px;    
        border-radius: 5px; 
    }

    .gmb-location-detail-post-list > .gmb-location-post {
        display: flex;
        margin-bottom: 16px;
        width: 50%;
        box-sizing: border-box;        
      }

    .gmb-location-post-image-holder {
        position: relative;  
        margin-bottom: 24px;      
    }

    .gmb-location-post-time {
        position: absolute;
        top: 8px;
        left: 8px;
        color: #fff;        
    }

    .gmb-location-post-image-holder img {
        width: 100%;        
    }


    .gmb-location-post-summary {
        line-height: 18px;
        
        /* margin-bottom: 16px; */
    }

    .gmb-location-event-time {
        font-size: .75rem;
        font-weight: 400;
        letter-spacing: .01875rem;
        line-height: 1rem;
        margin-bottom: 32px;
    }

    .data a.gmb-location-redeem-link {
        color: rgb(26, 115, 232) !important;
        margin: 16px 0;
        display: block;
    }

    .gmb-location-offer-time {
        text-align: center;
        background-color: #f8f9fa;
        border: 2px dashed #dadce0;
        border-radius: 6px;
        margin-top: 12px;
        padding: 15px 5px;

        font-family: Roboto, Arial, sans-serif;
        font-size: .75rem;
        font-weight: 400;
        letter-spacing: .01875rem;
        line-height: 1rem;        
    }

    .gmb-location-offer-coupon-code {
        font-size: 24px;
        font-weight: bolder;
        line-height: 32px;
        text-align: center;    
        margin: 16px 0;    
    }

    .gmb-location-offer-terms {
        font-size: 11px;
        margin-top: 12px;
    }

    .gmb-location-offer-terms-switch {
        position: relative;
        cursor: pointer;
    }

    .gmb-location-offer-terms-switch i {
        position: absolute;
        right: 8px;
        bottom: 4px;
    }

    .gmb-location-offer-terms-switch i.up {
        display: none;
    }

    .gmb-location-offer-terms-detail {
        display: none;
        margin-top: 8px;
    }


    .gmb-location-post-image {
        width: 300px;
        height: 300px;
        position: relative;
    }

    .gmb-location-post-images-list {
        display: flex;
        justify-content: center;
    }
    
    .gmb-location-post-image img {
        width: 100%;
    }

    .gmb-location-post-image-delete {
        cursor: pointer;
        position: absolute;
        bottom: 8px;
        right: 8px;
    }

    .gmb-location-post-image-delete:hover {
        color: red;
    }

    .gmb-post-page .gmb-post-image-upload svg path {
        fill: rgb(26,115,232);
    }

    .gmb-post-page .image-upload-dropzone {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #000;
        border-radius: 6px;
        padding: 24px;
        text-align: center;
        margin-top: 16px;        
    }
    .gmb-post-page .image-upload-dropzone span{
        color: rgb(26,115,232);
        cursor: pointer;
    }

    .gmb-post-page .dropdown-holder {
        top: 0;
    }

    .gmb-post-page input.form-input,
    .gmb-post-page textarea.form-input {
        border: 1px solid #000 !important;
        border-radius: 6px;
        padding: 8px;
        font-size: 14px !important;
        box-sizing: border-box;
    }

    .gmb-post-page div.form-input {
        border: 1px solid #c3c3c3 !important;
        border-radius: 6px;
        padding: 16px 8px;
        box-sizing: border-box;
    }

    .gmb-post-page[data-type="OFFER"] .date-picker-wrapper {
        top: -268px !important;
    }

    .gmb-post-page small {
        margin: 4px 0 0 16px;
        font-size: 90%;
    }

    .gmb-post-page .chars-left {
        float: right;
    }

    .gmb-post-page .less-options,
    .gmb-post-page .more-options {
        color: #70757a; 
        line-height: 18px;
        font-weight: normal;
    }

    .gmb-post-page .less-options .more-options-toggle,
    .gmb-post-page .more-options .more-options-toggle {
        float: right;
    }   

    .form-btn-cancel-gmb-post,
    .form-btn-return-gmb-post  {
        cursor: pointer;
    }

    span.form-btn-cancel-gmb-post,
    span.form-btn-return-gmb-post {
        float: left;
        margin-right: 24px;
        margin-left: 8px;
    }

    span.form-btn-cancel-gmb-post.right{
        position: absolute;
        right: 36px;
        font-size: 18px;
        top: 24px;
        color: #70757a;
    }    

    .gmb-post-preview-return {
        display: none;
    }
    .gmb-post-preview {
        display: block;
    }
    .gmb-post-preview,
    .gmb-post-preview-return {
        
        text-align: center;
        padding-top: 32px;
        color: #70757a;        
    }

    .gmb-post-preview:hover,
    .gmb-post-preview-return:hover{
        font-weight: bold;
        cursor: pointer;
    }

    .mybusiness-post .modal-body {
        padding-top: 48px;
    }
    .mybusiness-post .modal-buttons {
        padding-right: 20px;
        padding-left: 40px;    
        max-width: none;
        display: none;
    }
    
    .mybusiness-location-tabs {
        float: left;
        display: flex;
        justify-content: space-around;
        width: 200px;
        margin-top: 16px;
    }

    .mybusiness-location-tab {
        cursor: pointer;
        width:  150px;
        color: #3F3E4580;
        font-size: 14px;
        font-weight: bold;   
        padding-left: 8px;;     
    }

    .mybusiness-location-tab:hover {
        color: #422f7e;
    }

    .mybusiness-location-tab.active {
        color: #422f7e;
        border-left: 2px solid #422f7e;        
    }

    .mybusiness-location-posts {
        display: none;
    }

    .gmb-post-type-item {
        cursor: pointer;
    }

    .gmb-location {
        display: block;
        margin: 16px 0;
        line-height: 24px;
        font-size: 14px;
        color: #422f7e;
        width: 100%;
        height: 112px;
        cursor: pointer;  
        color: #70757a;
    }
    .gmb-location .select-all {
        display: none;
     }

    .gmb-location.selected .select-all {
       display: block;
       float: left; 
       position:fixed;
       margin-left: 2px;
       margin-top: 4px;
       color: #1a73e8;       
    }

    .gmb-location:not(:first-child) {
        border-top: 1px solid #eee;
        padding-top: 16px;        
    }

    .gmb-location-image {
        float: left;
        width: 32px;
        height: 100%;   
        position: relative;           
    }

    .gmb-location-image img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    

    .gmb-location-info {
        float: left;
        width: 200px;
        line-height: 32px;
        margin-left: 16px;
        cursor: pointer;
        overflow-wrap: break-word;
    }

    .gmb-location-info  .fa-badge-check {
        color: #1a73e8;
    }

    .gmb-location-link {
        margin-left: 48px;
        margin-top: 8px;
    } 

    .gmb-location-link svg {
        height: 16px;
        width: 16px;
    }

    



    .gmb-location-detail-photo {
        float: left;
        width: 120px;
        height: 120px;
        position: relative;
        cursor: pointer;
        margin: 0 12px 12px 0;
        overflow: hidden;
    }

    .gmb-location-detail-photo img{
        width:  120px;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .gmb-location-detail-photo-gallery {
        position: relative;
        width: 640px;
        height: 500px;        
        margin-bottom: 64px;
    }

    .gmb-location-detail-photo-controls {
        width: 100%;
        /* height: 100%; */
        position: absolute !important;
        bottom: 24px;        
        left: 100%;
        transform: translate(-50%, -50%);        
        text-align: right;
        cursor: pointer;
    }    

    .gmb-location-detail-photo-control[data-control="delete"] {
        color: #d93025;         
    }

    .gmb-location-detail-photo.gmb-location-detail-photo-modal {
        width: 100%;
        height: 100%;
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        float: none;
    }

    .gmb-location-detail-photo.gmb-location-detail-photo-modal img{
        width: 100%;
        height: unset;
    }

    

    .gmb-location-detail-photo-cover,
    .gmb-location-detail-photo-profile {
        display: none;
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        position: absolute;
        top: 16px;
        left: 8px;
        padding: 3px;
        z-index: 2;
        border-radius: 4px;
    }


    .gmb-location-detail-photo-has-cover .gmb-location-detail-photo-cover,
    .gmb-location-detail-photo-has-profile .gmb-location-detail-photo-profile {
        display: block !important;
    }    

    .gmb-location-detail-photo-insights {
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 104px;
        z-index: 2; 
        padding: 0 8px;       
    }

    .gmb-location-detail-photo-insights-left {
        float: left;
    }

    .gmb-location-detail-photo-insights-right {
        float: right ;
    }




    .gmb-location-detail {
        max-width: 860px;
    }

    .gmb-location-detail .col:last-child {
        padding: 0 0 0 32px;
    }

    .gmb-location-detail .col:first-child {
        border: 1px solid #ddd;
        border-radius: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }    

    .gmb-location-detail .gmb-location-title {
        border-bottom: 1px solid #ddd;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .gmb-location-details-headline {
        color: #202124 !important;
        font: 400 18px/24px "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        padding-bottom: 12px;        
    }

    .gmb-location-details-closed,
    .gmb-location-details-links,
    .gmb-location-details-reviews,
    .gmb-location-details-actions,
    .gmb-location-details-expert-data {
        border: 1px solid #ddd;
        border-radius: 20px;        
        margin-bottom: 48px;
        padding: 16px 32px 16px 16px;
        color: #70757a;
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;        
    }

    .gmb-location-details-action {
        margin-top: 32px;
    }
    .gmb-location-details-link {
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        line-height: 48px;
        padding-left: 16px;
        padding-right: 8px;
        display: block;
        cursor: pointer;
    }

    .gmb-location-details-link svg {
        width: 24px;
        height: 24px;
        float: left;
        margin-right: 16px;
        margin-top: 12px;
    }

    .gmb-location-details-reviews-icon {
        background: url(https://www.gstatic.com/bfe/images/reviews/empty_state_v4.svg) no-repeat center top/contain;
        float: right;
        height: 64px;
        margin-top: 4px;
        width: 64px;        
    }

    .gmb-location-details-reviews .gmb-location-details-share,
    .gmb-location-details-actions .gmb-location-details-action {
        border: 1px solid #eee;
        border-radius: 4px;
        color: #1a73e8;
        padding: 8px 24px;
        display: inline-block;
        margin: 16px 0 8px 0;
        cursor: pointer;
    }

    .gmb-location-details-reviews .gmb-location-details-share:hover,
    .gmb-location-details-actions .gmb-location-details-action:hover {
        background-color: #dadce0;
    }


    .gmb-location-info-element:not(.gmb-location-details-link):not(.gmb-location-details-share) {
        padding-left: 32px;
        padding-right: 32px;             
        position: relative;
        cursor: pointer;
        /* width: 100%; */
        margin: 40px 0;
        color: #202124;
        fill: #5f6368;    
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;    
    }

    .gmb-location-detail .col:last-child .gmb-location-info-element:not(.gmb-location-details-link):not(.gmb-location-details-share) {
        padding-left: 0;
        padding-right: 0;
    }

    .gmb-location-detail .col:last-child .gmb-location-info-left {
        float: left;
        width: 160px;
        color: #70757a;
    }

    .gmb-location-detail .col:last-child .gmb-location-info-element-content-outer {        
        width: 205px;
    }

    .gmb-location-info-element.gmb-location-title {
        font: 400 24px/32px "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    }


    .gmb-location-info-element .gmb-location-info-hours {
        margin: 16px 0;
        height: 16px;
    }

    .gmb-location-info-element-content-title {
        margin-bottom: 8px;
    }

    .gmb-location-info-element-content-inner .gmb-location-info-hours:first-child {
        margin-top: 0px !important;
    }
    

    .gmb-location-info-element-content-outer {
        float: left;
        width: 290px;
    }

    .gmb-location-info-element-content-title {
        font-weight: bold;
    }
    
    .gmb-location-info-icon-left {
        float: left;
        width: 32px;
        font-size: 20px;
        margin: 0 8px;
        color: #1a73e8;
        fill: #1a73e8;
    }

    .gmb-location-info-icon-right {
        float: right;
        width: 22px;
        font-size: 22px;
        /* margin: 0 8px; */
        color: #202124;
        fill: #5f6368;
    }

    .gmb-location-info-element-disabled {
        cursor: not-allowed !important;
    }
    .gmb-location-info-element-disabled .gmb-location-info-icon-right {
        color: #202124;
        font-size: 18px;
    }

    .gmb-location-function div {
        float: left;
        width: 100px;
        cursor: pointer;
        text-align: center;
        margin-top: 32px;
    } 


    .gmb-location-info-hours div {
        float: left;
        width: 80px;
    }

    .gmb-location-info-hours-day,
    .gmb-location-info-hours-closed {
        width: 112px !important;
    }

    .gmb-location-closed {
        color: #d93025; 
    }


    .gmb-location-name .gmb-location-closed {
        display: none;
    }

    .gmb-location-name.gmb-location-closed-perm .gmb-location-closed-perm,
    .gmb-location-name.gmb-location-closed-temp .gmb-location-closed-temp {
        display: inline-block;
    }

    .gmb-location-details-closed {
        border-top: 5px solid  #d93025;
        display: none;
    }

    .gmb-location-details-closed h1 {
        margin-top: 8px;
        color: #202124;
        font-size: 18px;
    }
    .google, .apple {
        background-color: #fff;
    }

    .row-phonenumber-first .row-phonenumber-remove {
        display: none;
    }

    .gmb-day {
        margin-bottom: 16px;
        min-height: 42px;
    }

    .gmb-day-col-left {
        width: 225px;
        float: left;
        margin-top: 8px;
    }

    .gmb-day-col-left.gmb-day-col-left-special {
        width: 265px;
        margin-top: 0
    }
    
    .gmb-day-col-left .gmb-day-name {
        float: left;
        width: 80px;
    }

    .gmb-day-col-left .gmb-day-select {
        float: left;
        width: 120px;
    }

    .gmb-day-col-left .gmb-day-opened {
        float: left;
        width: 115px;
        cursor: pointer;
    }    

    .gmb-day-col-left-special .gmb-day-opened {
        margin-top: 8px;
        margin-left: 8px;
    }

    .gmb-day-col-right-special {
        display: none; 
        float: left;
        width: 250px;
    }

    .gmb-day-col-center {
        width: 610px; 
        float: left;
    }   

    .gmb-day-col-center.gmb-day-col-center-special {
        width: 550px;
    }
    

    .mybusiness .select-icon {
        color: #1a73e8;
        float: left;
        margin: 2px 10px 0 0;
    }



    .select-icon {
        cursor: pointer;
    }

    .select-icon .selected,
    .select-icon.selected .not-selected {
        display: none;
    }

    .select-icon .not-selected,
    .select-icon.selected .selected {
        display: block;    
    }


    .gmb-time-spacer {
        width: 10%; 
        text-align: center;
        padding-top: 8px;
        float: left;
    }

    .gmb-label input.form-input,
    .gmb-day input.form-input {
        padding: 0;
        height: 32px;
    }

    .gmb-time-end,
    .gmb-time-start {
        width: 20%; 
        float: left;
    }
    
    .gmb-time {
        margin-bottom: 8px;
    }
    .gmb-time-typeahead {
        position: relative
    }

    .gmb-time-typeahead .dropdown-menu {
        position: absolute;
        width: 100%;
        background-color: #fff;
        z-index: 10;
        border: 1px solid #ccc;
        box-shadow: 10px 10px 10px #ccc;
        cursor: pointer;
        padding-top: 16px;        
    }

    .gmb-time-typeahead .dropdown-menu .entry {
        padding-top: 8px;
        padding-left: 8px;
        height: 24px;
    }

    .gmb-time-typeahead .dropdown-menu .entry.sticky    {
        border-bottom: 1px solid #ccc;
        padding-top: 0 !important;
        padding-bottom: 8px;
    }
    .gmb-time-typeahead .entry:not(.seperator):hover,
    .gmb-time-typeahead .entry.selected {
        color: #1a73e8;
    }
    
    .gmb-time-add{
        cursor: pointer;
        float: left;
        width: 30%;
        text-align: center;
        margin: 8px 0px 0 16px;
    }

    .gmb-day-special .gmb-day-col-right-special .gmb-time-add{
        width: 70% !important;
    }
    .gmb-day-special .gmb-time-add{
        width: 30%;
    }

    .gmb-time-remove,
    .gmb-day-remove,
    .gmb-label-remove {
        cursor: pointer;
        float: left;
        width: 10%;
        text-align: center;
        margin: 8px 0px 0 0;
        font-size: 19px;
    }
    
    .gmb-day-col-center:not(.gmb-day-col-center-special) .gmb-time:nth-child(1) .gmb-time-remove {
        display: none;
    }

    .gmb-time-typeahead .entry .selector {
        display: none !important;
    }

    .gmb-row-item-add {
        color: #1a73e8;
    }

    .gmb-label-holder {
        width: 300px;
        height: 24px;
        margin-top: 24px;
        margin-bottom: 32px;
    }

    .gmb-label {
        width: 80%;
         float: left;
    }


    .gmb-share-parent {
        margin-left: 15%;
        margin-right: 15%;
    }
    .gmb-share-holder {

        margin-top: 40px;
        margin-bottom: 24px;
        position: relative;
        border: 1px solid #202124;
        border-radius: 8px;
    }

    .gmb-share-holder .gmb-share-holder-info {
        position: absolute;
        top: -10px;
        background: #fff;
        color: #70757a;
        height: 16px;
        left: 16px;
        display: inline-block;
        width: 235px;
        text-align: center;
    }

    .gmb-share-holder .gmb-share-link {

        padding: 8px 0;
        line-height: 32px;
        font-size: 26px;
        width: 80%;
        border: 0;
        margin-left: 16px;
        outline: 0;
        text-align: left;

        cursor: copy;
    
    }

    .gmb-share-button {
        padding: 5px;
        border: 1px solid rgb(218, 220, 224);
        border-radius: 32px;        
        margin: 0 8px;
        cursor: pointer;
    }


    .gmb-share-button img {
        border-radius: 50%;
        height: 18px;
        margin-left: 8px;
        width: 18px;
        float: left;
    }

    .gmb-share-email {
        margin-top: 24px;
        text-align: center;
        color: #1a73e8;
        fill: #1a73e8;
        cursor: pointer;
    }

    .gmb-share-email-icon {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .gmb-share-email svg {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 4px;
        left: 0px;
    }
    
    .gmb-location-upload {
        padding: 16px;
        margin-bottom: 16px;
        margin-right: 16px;
        border: 0;
        border-radius: 8px;
        box-shadow: 0px 1px 4px rgb(0 0 0 / 26%);
        width: 25%;
        float: left;
        height: 290px;
        position: relative;
    }

    .gmb-location-upload-click{ 
        position: absolute;
        bottom: 16px;
        left: 16px;
        background: #1a73e8;
        padding: 8px;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
    }

    .gmb-location-upload-click-spinner.hidden {
        display: none !important;
    }

    .gmb-location-upload-title {
        color: #202124;
        font: 400 18px/24px "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        padding: 16px 0 12px 0;
        vertical-align: top;        

    }

    .gmb-location-upload-description {
        color: #70757a;
        font: 400 14px/20px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    }

    .gmb-location-upload-image img {
        width: 100%;
    }

    .mybusiness-skeletons {
        float: left;
        width: 50%;
        display: none;
    }


    .mybusiness-skeletons .skeleton {
        position: relative;
        background-color: #ffffff;
        margin-top: 12px;
        min-height: 352px;
        color: #3f3e45;
        border: 1px solid #e9edf0;
        border-radius: 4px;
        display: block;
    }
    
    .mybusiness-skeletons .skeleton-left,
    .mybusiness-skeletons .skeleton-right {
        width: 40%;
        float: left;
        padding: 0 16px;
        font-size: 12px;
        height: 100%;
    }
        
    .mybusiness-skeletons .skeleton-image {
        width: 65px;
        height: 65px;
        margin-top: 25px;
        display: inline-block;
    }
    
    .mybusiness-skeletons .skeleton-text-thin {
        width: 80%;
        height: 25px;
        margin: 12px 0;
        display: inline-block;
    }
    

.objective {
    margin: 4px 4px 8px 0px;
    padding: 2px 0 4px 4px;
}

.objective-history {
    opacity: 0.4;
}
/* 
.objective.running {
    border-left: 2px solid orange;
} 

.objective.failed {
    border-left: 2px solid red;
} 
.objective.passed {
    border-left: 2px solid green;
}  */

.objective-type {
    color: #000;
    font-weight: 500;
}

.objective-value {
    color: #000;
    font-weight: 500;
}
.objective-deadline {
    color: #000;
    opacity: 0.6;
    font-size: 11px;
}

.modal-filter {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    margin: 24px 0;
}

.modal-filter-item.active {
    font-weight: bold;
}

.modal-filter-item {
    cursor: pointer;
}

.customer-history {
    margin: 16px 0;
    display: flex;
    font-size: 13px;
}

.customer-history-username {
    width: 180px; 
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px;
}

.customer-history-posting {
    width: 100px; 
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px;
}

.customer-history:not(.header) .customer-history-posting {
    cursor: pointer;
    text-decoration: underline;
}


.customer-history-status {
    width: 120px; 
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px;
}

.customer-history-time {
    width: 120px; 
    padding: 2px;
}


.modal-pagination {
    display: flex;
    gap: 16px;
}

.modal-pagination .pagination-entry {
    cursor: pointer;
}

.modal-pagination .pagination-entry.active {
    font-weight: bold;
}




    .pointer {
        cursor: pointer;
    }

    .txt-closed, .txt-opened {
        display: none;
    }

    .closed .txt-closed, 
    .opened .txt-opened {
        display: inline-block !important;
    }    


    .link-active-selector {
        margin-left: 16px;
        font-weight: bold;
        cursor: pointer;
    }

    .link-set-active {
        color: #86ACAF;
    }
    
    .link-set-inactive {
        color: #CBA9A9;        
    }    

    .copy-this {
        cursor: pointer;
        opacity: 1 !important;
        display: inline-block !important;
    }


    .posting-ki-batch-run-all {
        cursor: pointer;        
    }

    .posting-ki-batch {
        color: #3f3e45;
        border: 1px solid #e9edf0;
        border-radius: 4px;
        background-color: #fff;
        padding: 16px;
        position: relative;
        margin-bottom: 16px;
    }

    .posting-ki-batch .form-btn {
        display: none;
    }

    .posting-ki-batch .spinner {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .posting-ki-batch.done .spinner {
        display: none;
    }
    .posting-ki-batch.fail .form-btn,
    .posting-ki-batch.done .form-btn {
        display: block;
    }


    .posting-ki-batch-inner {
        display: flex;
        gap: 16px;
    }
    .posting-ki-batch-preview,
    .posting-ki-reply-preview {
        flex: 1 1 0px;
    }

    .posting-ki-batch .stars {
        display: inline-block;
        margin-right: 5px;
    }

    .posting-ki-batch .resultcontent {
        line-height: 24px;
    }

    .posting-ki-batch .posting-ki-batch-error {
        display: none;
    }

    .posting-ki-batch.reply-fail .posting-ki-batch-error {
        display: block;
        position: absolute;
        top: 4px;
        right: 5px;
        border-radius: 50%;
        color: #fff;
        background-color: rgb(153, 99, 99);
        width: 24px;
        height: 24px;
        text-align: center;
        padding-top: 4px;
        box-sizing: border-box;
        z-index: 999;
    }

    .posting-ki-reply-preview textarea {
        height: 100%;
        width: 100%;
        border: 1px solid #e9edf0;
        padding: 4px 8px;
        outline: 0;
        box-sizing: border-box;
    }


    @media screen and (max-height: 800px) {
        .modal-dialog {
            top: 5% !important;
        }
    }

    @media screen and (min-height: 801px) and (max-height: 1200px) {
        .modal-dialog {
            top: 7% !important;
        }
    }

    /* ERROR PAGE */

    #error {
        display: none;
    }
    
    /* V2 */
    .unavailable{ display: flex; align-items: center; justify-content: space-between; min-height: 100vh; width: 100%;}
    .unavailable-left{ width: 726px; min-height: 100vh; background: url('https://www.webbosaurus.de/update/images/bg.jpg') no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; }
    .unavailable-right{ max-width: 764px; margin: 0 auto;}
    .unavailable-right h2{ font-size: 40px; color: #422F7E; margin: 0; padding: 0; font-weight: 700; padding-bottom: 15px;}
    .unavailable-right p{font-size: 18px; margin: 0; padding: 15px 0 0 0;}
    /* V2 */
    
    @media (max-width: 1699px) {

      /* V2 */
      .unavailable-right{ padding: 0 60px;}
      .unavailable-right h2{ font-size: 35px;}
      .unavailable-right p{ font-size: 16px;}
      .unavailable-img{ max-width: 430px;}
      /* V2 */
    }
     
    @media (max-width: 1199px) {

      /* V2 */
      .unavailable-right{ max-width: 50%;}
      /* V2 */
    }
    
    @media (max-width: 1023px) {
    
      /* V2 */
      .unavailable{ flex-wrap: wrap;}
      .unavailable-left{ width: 100%; height: auto; min-height: 50vh;}
      .unavailable-right{ min-height: 50vh; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; max-width: 100%;}
      /* V2 */
    }
    
    
    @media (max-width: 767px) {
    
      /* V2 */
      .unavailable-right{ padding: 0 20px;}
      .unavailable-right h2{ font-size: 27px; padding-bottom: 5px;}
      .unavailable-img{ max-width: 270px;}
      /* V2 */
    }