/* DASHBOARD */

#wpda-dashboard {
    background-color: #fff;
    color: inherit;
    width: 100%;
    margin-left: -20px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #c3c4c7;
}
#wpda-dashboard .wpda-dashboard {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group {
    display: grid;
    padding: 0 3px;
    border-right: 1px solid #c3c4c7;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group:last-child {
    margin-right: 20px;
    border-right: none;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group:hover {
    background-color: #f6f7f7;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .wpda-dashboard-item {
    display: flex;
    flex-direction: column;
    font-size: 8.5px;
    font-weight: bold;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: #3c434a;
    fill: #3c434a;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .wpda-dashboard-item:hover {
    color: #2271b1;
    fill: #2271b1;
    cursor: pointer;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .wpda-dashboard-item .fas,
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .wpda-dashboard-item .fa-solid {
    height: 28px;
    font-size: 28px;
    padding: 10px 8px 0 8px;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .wpda-dashboard-item div {
    padding: 8px;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .icons {
    display: flex;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .subject {
    text-align: center;
    font-size: 9px;
    margin-bottom: 5px;
}
#wpda-dashboard .wpda-dashboard .wpda-dashboard-group .label {
    white-space: nowrap;
}
#wpda-dashboard-mobile {
    background-color: #fff;
    color: inherit;
    margin-left: -10px;
    padding: 0;
    border-bottom: 1px solid #c3c4c7;
}
@media screen and (min-width: 782px) {
    #wpda-dashboard-mobile {
        margin-left: -20px;
    }
}
#wpda-dashboard-drop-down {
    display: flex;
    flex-direction: row;
    padding: 10px;
}
.wpda-dashboard-toolbar {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    background-color: #fff;
    color: inherit;
    width: 100%;
    margin-left: -20px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #c3c4c7;
}

.wpda-dashboard-toolbar > div > div {
    display: inline-block;
    margin: 0;
    border-right: 1px solid #c3c4c7;
    padding: 0 4px;
}
.wpda-dashboard-toolbar > div > div {
    padding: 0 2px;
}
.wpda-dashboard-toolbar > div > div:last-child {
    border: none;
}
.wpda-dashboard-toolbar > div > div > div {
    display: inline-block;
    text-align: center;
    font-size: 8px;
    line-height: 8px;
    padding: 0;
    margin: 0;
    border: none;
}
.wpda-dashboard-toolbar > div > div > div a {
    color: #3c434a;
    text-decoration: none;
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 10px 8px;
}
.wpda-dashboard-toolbar > div > div > div a:hover {
    color: #2271b1;
}
.wpda-dashboard-toolbar > div > div div.fas,
.wpda-dashboard-toolbar > div > div > div i {
    font-size: 24px;
    margin-bottom: 5px;
}
.wpda-dashboard-toolbar > div > div > div:hover {
    background-color: #f6f7f7;
}
.wpda-dashboard-toolbar > div:nth-child(2) {
    margin: auto 20px;
}
.wpda-dashboard-toolbar > div > div:last-child {
    margin-right: 20px;
}
.wpda-nowrap {
    white-space: nowrap;
}
.wpda-promotion {
    font-size: 12px;
}
.wpda-promotion i.fas.fa-star {
    font-weight: 600;
}
.wpda-promotion a {
    text-decoration: none;
}
.wpda-add-panel {
    margin-left: -20px;
    padding: 10px 0 0 20px;
    background-color: #fff;
    border-bottom: 1px solid #c3c4c7;
}
.wpda-add-panel form {
    padding: 0 20px 0 0;
}
.wpda-add-panel label {
    font-weight: normal;
    display: inline-block;
    width: 120px;
    text-align: right;
    padding-right: 5px;
}
.wpda-add-panel div {
    margin: 0;
    padding: 0;
}
.wpda-add-panel div {
    padding-bottom: 2px;
}
.wpda-add-panel div:last-child {
    padding-bottom: 10px;
}
.wpda-dashboard-content {
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
}
.wpda-dashboard-column {
    padding-right: 20px;
    width: 0;
}
.wpda-dashboard-content .wpda-dashboard-column-1 {
    flex: 1 1 100%;
}
.wpda-dashboard-content .wpda-dashboard-column-2 {
    flex: 1 1 50%;
}
.wpda-dashboard-content .wpda-dashboard-column-3 {
    flex: 1 1 33%;
}
.wpda-dashboard-content .wpda-dashboard-column-4 {
    flex: 1 1 25%;
}
.wpda_nav_title {
    font-size: 16px;
    font-weight: bold;
    padding-left: 4px;
}
.wpda_nav_toggle {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
#wpda-dashboard-mobile ul {
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
}
#wpda-dashboard-mobile ul li.menu-item {
    cursor: pointer;
    font-weight: bold;
    padding: 8px 10px;
    margin: 0;
}
#wpda-dashboard-mobile ul li.menu-item a {
    text-decoration: none;
    color: inherit;
}
#wpda-dashboard-mobile ul li.menu-item:hover {
    background-color: grey;
    color: white;
}
#wpda-dashboard-mobile .fas,
#wpda-dashboard-mobile .fa-solid {
    width: 20px;
}
.wpda-separator {
    border-bottom: 1px solid #c3c4c7;
}

div.wpda-widget-content div.wpda-dashboard-chart-settings,
div.wpda-widget-content div.wpda-dashboard-chart-settings div {
    display: block;
    padding: 0 0 2px 0;
}

div.wpda-widget-content div.wpda-dashboard-chart-settings textarea {
    display: block;
}

.wpda_insert_query_builder {
    float: right;
}

textarea.wpda_chart_sql {
    width: 100% !important;
    min-height: 160px;
    padding: 10px;

}

.wpda-dashboard-chart-settings-buttons {
    text-align: right;
    padding-top: 10px !important;
}

fieldset.wpda_fieldset.wpda_fieldset_dashboard {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

fieldset.wpda_fieldset.wpda_fieldset_chart_layout label {
    display: inline-block;
    width: 60px;
}

div.wpda-dailog-layout div {
    padding: 2px;
}

div.wpda-dailog-layout label {
    display: inline-block;
    width: 100px;
}

div.wpda-dailog-layout fieldset > div > textarea {
    width: 100%;
    height: 120px;
}

div.wpda-dailog-layout fieldset > legend > span {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

div.ui-dialog div.ui-dialog-content {
    padding: 1px;
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0;
    padding: 0;
    margin: 0;
}

#adminmenuwrap {
    margin-top: 0 !important;
}

/* WIDGET */

.wpda-widget {
    margin-bottom: 20px;
    font-size: 13px;
}
.wpda-widget:last-child {
    margin-bottom: 0;
}
.wpda-widget .ui-widget-header {
    font-size: 120%;
}
.wpda-widget .wpda-chart-container {
    overflow: auto;
    padding: 10px !important;
}
.wpda-widget .wpda-chart-container .wpda_widget_chart_selection {
    display: inline-block;
    width: calc( 100% - 15px );
    padding-right: 0;
}
.wpda-widget .wpda-chart-container .wpda_widget_chart_selection select {
    float: right;
}
.wpda_widget_chart_container {
    padding: 5px;
}
.wpda-widget-content div div {
    align-self: center;
}
.wpda-widget-content div.ui-tabs {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.wpda-widget-content div.ui-tabs.wpda-dbms-container {
    padding: 12px 16px 16px 16px !important;
}
.wpda-widget-content .ui-tabs .ui-tabs-panel {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}
.wpda-widget-content ul.ui-tabs-nav {
    background: unset;
    border: none !important;
    border-bottom: 1px solid rgb(170, 170, 170) !important;
    width: 100%;
    border-radius: 0;
    padding-right: 0;
    margin: 0 -0.2em 0 -0.1em;

    background: unset;
    border: none !important;
    border-bottom: 1px solid rgb(170, 170, 170) !important;
    width: -webkit-fill-available;
    border-radius: 0;
    margin: 0 -4px;
    padding: 0;
}
.wpda-widget-content div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0 0;
    padding: 6px;
}
.wpda-widget-content div:first-child span.icons i {
    cursor: pointer;
}
.wpda-widget-content div:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-sizing: border-box;
    width: 100%;
}
table.wpda_dbms_table {
    width: 100%;
    margin: 10px;
}
table.wpda_dbms_table tbody tr th.wpda-widget-dbms-separator {
    padding-top: 20px;
}
table.wpda_dbms_table tbody tr th.wpda-widget-dbms-separator-end {
    padding-bottom: 10px;
}
table.wpda_dbms_table tbody tr th {
    background-color: transparent;
    text-align: right;
}
table.wpda_dbms_table tbody th {
    white-space: nowrap;
}
table.wpda_dbms_table tbody tr th.wpda-widget-dbms-separator,
table.wpda_dbms_table tbody tr th.wpda-dbms-link {
    text-align: left;
}
table.wpda-widget-dbms {
    table-layout: fixed;
    width: 100%;
    margin-top: 5px;
}
table.wpda-widget-dbms thead tr {
    display: block;
    background-color: #555;
    color: #fff;
}
table.wpda-widget-dbms tbody {
    display: block;
    height: 240px;
    overflow-y: scroll;
    border-collapse: collapse;
}
table.wpda-widget-dbms th {
    text-align: left;
}
.wpda-widget-dbms tbody tr:hover {
    background: #ddd;
}
.wpda-widget-dbms th {
    padding: 5px 4px;
}
.wpda-widget-dbms td {
    padding: 5px;
}
.wpda-dbms-link {
    cursor: pointer;
}
.ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
}

div.wpda-dashboard-content div.dataTables_wrapper,
div.wpda-dashboard-content div.dataTables_wrapper div.dt-buttons,
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_length,
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_paginate,
div.wpda-dashboard-content div.dataTables_wrapper div.DataTables_sort_wrapper {
    display: block;
}
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_wrapper,
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_length,
div.wpda-dashboard-content div.dataTables_wrapper div.dt-buttons,
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_filter,
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_info,
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_paginate {
    padding: 0;
}
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_length {
    padding-left: 10px;
}
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_filter {
    margin-right: -2px;
}
div.wpda-dashboard-content div.dataTables_wrapper div.dataTables_paginate {
    width: auto;
    margin-right: -2px;
}
div.wpda-dashboard-content div.dataTables_wrapper th {
    text-align: left;
}
div.wpda-dashboard-content div.dataTables_wrapper th.wpdaforms-action-icons {
    text-align: right;
}

div.wpda-dashboard-content div.wpdadataproject_menu,
div.wpda-dashboard-content div.wpdadataproject_menu_items,
div.wpda-dashboard-content div.wpdadataproject_menu_pages,
div.wpda-dashboard-content div.wpdadataproject_menu_pages div {
    display: block;
    padding: 0;
}
div.wpda-dashboard-content div.wpdadataproject_menu {
    padding: 10px 10px 0 10px;
}
div.wpda-dashboard-content div.wpdadataproject_menu_pages {
    padding: 0 10px 10px 10px;
}
div.wpda-dashboard-content table.ui-widget-content {
    border: none;
}
div.wpda-dashboard-content div.wpdadataproject_menu .ui-menu {
    margin-bottom: 7px;
}
div.wpda-dashboard-content div.wpdadataproject_menu .ui-menu li div:hover {
    background: #f6f7f7 !important;
}
div.wpda-dashboard-content div.wpdadataforms_table div.dt-buttons {
    margin-bottom: 10px;
}
div.wpda-dashboard-content div.wpdadataforms_table div.dataTables_length {
    padding-left: 0;
}
div.wpdadataforms_modal .dt-buttons {
    text-align: right;
    width: 100%;
}
div.wpdadataforms_modal .ui-toolbar {
    clear: both;
}

div.wpda-dashboard-content table.wpda-datatable {
    padding: 10px 0;
}
div.wpda-dashboard-content button.dt-button {
    margin: 0;
    height: 30px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

/* TOOLTIP */

.wpda_tooltip_css {
    background: black;
    color: white;
    border: 2px solid white;
    font: bold 10px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
}
.wpda_tooltip_css_ic {
    background: black;
    color: white;
    border: 2px solid white;
    font: bold 10px "Helvetica Neue", Sans-Serif;
    text-transform: none;
    box-shadow: 0 0 7px black;
}
i.wpda_tooltip:hover {
    cursor: pointer;
}
.wpda_tooltip_dashboard {
    background: black;
    color: white;
    border: 2px solid white;
    font: bold 10px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
}
.wpda_tooltip_icons_css, .arrow:after {
    background: black;
    border: 2px solid white;
}
.wpda_tooltip_icons_css {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 10px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
    text-align: center;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* CHART TYPES */
ul.wpda_google_chart_types {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.wpda_google_chart_types li {
    display: inline-block;
}
ul.wpda_google_chart_types li input[type="checkbox"] {
    display: none;
}
ul.wpda_google_chart_types li label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 0 2px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.wpda_google_chart_types li label::before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid #c3c4c7;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    transition-duration: 0.4s;
    transform: scale(0);
}
ul.wpda_google_chart_types li label img {
    height: 120px;
    width: 120px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    margin: 4px 4px 0 4px;
}
ul.wpda_google_chart_types li input[type="checkbox"]:checked+label {
    border-color: #8c8f94;
    border-radius: 4px;
}
ul.wpda_google_chart_types li input[type="checkbox"]:checked+label::before {
    content: "\2713";
    background-color: #8c8f94;
    transform: scale(1.4);
    left: 119px;
}
ul.wpda_google_chart_types li input[type="checkbox"]:checked+label img {
    box-shadow: 0 0 5px #dedede;
}

div.wpda-query-select-content textarea {
    width: 100%;
    height: 100px;
    max-height: 100px;
}
.ui-dialog {
    z-index: 999999 !important;
}

div.wpda_dashboard_free_message {
    padding: 4px;
    text-align: center;
}
div.wpda_dashboard_free_message table {
    margin-left: auto;
    margin-right: auto;
}

div.wpda-widget-content .wpda_widget_chart_container * {
    border-radius: 0 !important;
}
div.wpda_widget_chart_container .goog-inline-block,
div.wpda_widget_chart_container .google-visualization-table-page-numbers {
    display: inline-block !important;
    width: unset !important;
}
div.wpda_widget_chart_container .google-visualization-table,
div.wpda_widget_chart_container .google-visualization-table>div {
    padding: 0 !important;
}
div.wpda_widget_chart_container .google-visualization-table .gradient,
div.wpda_widget_chart_container .goog-custom-button {
    background-image: none !important;
    background: #ddd !important;
    padding: 0 !important;
}
div.wpda_widget_chart_container .google-visualization-table-page-numbers a {
    width: 20px;
    text-align: center !important;
}

div.wpda-add-share-dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

div.google-visualization-tooltip {
    pointer-events: none
}

.wpda-dashboard-share {
    padding-right: 8px;
}
fieldset.wpda-dashboard-rename label {
    width: 100px;
    display: inline-block;
}
div[aria-describedby=shareDashboard] .ui-dialog-title,
div[aria-describedby=shareWidget] .ui-dialog-title {
    overflow: visible;
    margin-right: 20px;
}
#shareDashboard select {
    box-sizing: border-box;
}

div.wpda-widget-content .dataTables_wrapper .dataTables_length select {
    padding-right: 1.6em;
}

/* Remove space created by other plugins */
div#wpbody-content div:nth-child(2).wrap,
div#wpbody-content div:nth-child(3).wrap {
    margin: 0;
}

/* Look and feel sort icons should be same as in publications and projects */
div.wpdadataforms_table th.sorting:before,
div.wpdadataforms_table th.sorting:after {
    display: none !important;
}
div.wpda_publication_container .DataTables_sort_icon {
    display: none;
}
div.wpda_publication_container th.sorting {
    padding-right: 20px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    line-height: 0.9em;
}

.wpda_publication_container .dataTables_scroll {
    padding-top: 10px;
}
.wpda_publication_container .dataTables_scroll .dataTables_scrollHead,
.wpda_publication_container .dataTables_scroll .dataTables_scrollHeadInner,
.wpda_publication_container .dataTables_scroll table.wpda-datatable,
.wpda_publication_container .dataTables_scroll .dataTables_scrollFoot,
.wpda_publication_container .dataTables_scroll .dataTables_scrollFootInner{
    padding: 0;
    margin: 0;
}
.wpda_publication_container .dataTables_scroll .dataTables_scrollFoot {
    margin-bottom: 10px;
}

.dataTables_scrollFoot {
    display: block !important;
}