/*
TABLE OF CONTENTS
1. GENERAL
2. TOP SECTIONS
3. PLUGINS SECTIONS
4. PLUGIN RULES TABLES
5. AJAX RESULTS LAYER
6. PLUGIN GROUPS SECTION
7. SETTINGS SECTION
8. MEDIA QUERIES
*/

/* 1. GENERAL - Styles for elements that are use in multiple sections on the page */

@font-face {
font-family: 'irsn';
src: url('fonts/irsn.ttf');
}
.dppp-clear {
    clear: both;
    font-family: irsn !important;
}

.dppp-one-line {
    overflow: hidden;
    white-space: nowrap;
}

.dppp-break-words {
    word-break: break-all;
}

.dppp-display-none {
    display: none !important;
}

.dppp-white-box {
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    float: left;
    padding: 10px 13px;
    margin-bottom: 15px;
}

.dppp-green {
    color: #009900;
}

.dppp-red {
    color: #aa0000;
}

.dppp-middle {
    vertical-align: middle;
}

.dppp-inner-box {
    border-top: 1px solid #e3e3e3;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.dppp-inner-box:first-of-type {
    margin-top: 12px;
}

.dppp-subheading {
    font-size: 18px;
    font-weight: 600;
    color: #0769a6;
    padding: 2px 0 0 0;
    display: inline-block;
}

.dppp-subheading .dashicons::before {
    color: #0769a6;
}

.dppp-rotate,
.dppp-white-box .dashicons-update {
    -webkit-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
}

.dppp-section-row .dashicons {
    vertical-align: middle;
}

.dppp-section-row {
    font-size: 15px;
    line-height: 23px;
}

.dppp-section-row-message {
    font-size: 13px;
}

.dppp-row-name {
    font-weight: 600;
    max-width: 60%;
    display: inline-block;
}

.dppp-align-right {
    text-align: right;
}

.dppp-margin-bottom-15 {
    margin-bottom: 15px;
}

.dppp-show-hide-section {
    float: right;
    text-decoration: none;
}

.dppp-show-hide-section .dashicons {
    margin: 3px 2px -1px 2px;
}

.dppp-show-hide-section .dashicons-arrow-down-alt2 {
    margin-bottom: 1px;
}

.dppp-plugin-or-group-action-links .dashicons {
    font-size: 20px;
    height: 19px;
    line-height: 19px;
    width: 20px;
    margin-top: -1px;
    text-decoration: none;
}

.dppp-plugin-or-group-action-links {
    float: right;
}

.dppp-plugin-or-group-front-end-deactivate-link .dashicons-welcome-view-site,
.dppp-plugin-or-group-front-end-activate-link .dashicons-welcome-view-site {
    font-size: 19px;
    height: 19px;
    line-height: 19px;
    width: 19px;
    text-decoration: none;
    margin-top: -3px;
}

.dppp-plugin-or-group-front-end-deactivate-link,
.dppp-plugin-or-group-front-end-activate-link {
    margin-right: 2px;
}

.dppp-plugin-or-group-start-rules-link,
.dppp-plugin-or-group-start-rules-link:visited {
    margin-right: -2px;
    color: #119933;
}

.dppp-plugin-or-group-start-rules-link:hover,
.dppp-plugin-or-group-start-rules-link:active,
.dppp-plugin-or-group-start-rules-link:focus {
    margin-right: -2px;
    color: #33bb55;
}

.dppp-plugin-or-group-delete-rules-link,
.dppp-plugin-or-group-delete-rules-link:visited {
    color: #aa2233;
}

.dppp-plugin-or-group-delete-rules-link:hover,
.dppp-plugin-or-group-delete-rules-link:active,
.dppp-plugin-or-group-delete-rules-link:focus {
    color: #dd4455;
}

.dppp-plugin-or-group-front-end-activate-link,
.dppp-plugin-or-group-back-end-activate-link {
    display: none;
}

.dppp-front-end-deactivated .dppp-plugin-or-group-front-end-activate-link,
.dppp-front-end-deactivated .dppp-plugin-or-group-front-end-activate-link:visited,
.dppp-back-end-deactivated .dppp-plugin-or-group-back-end-activate-link,
.dppp-back-end-deactivated .dppp-plugin-or-group-back-end-activate-link:visited {
    color: #119933;
    display: inline;
}

.dppp-front-end-deactivated .dppp-plugin-or-group-front-end-activate-link:hover,
.dppp-front-end-deactivated .dppp-plugin-or-group-front-end-activate-link:active,
.dppp-front-end-deactivated .dppp-plugin-or-group-front-end-activate-link:focus,
.dppp-back-end-deactivated .dppp-plugin-or-group-back-end-activate-link:hover,
.dppp-back-end-deactivated .dppp-plugin-or-group-back-end-activate-link:active,
.dppp-back-end-deactivated .dppp-plugin-or-group-back-end-activate-link:focus {
    color: #33bb55;
    display: inline;
}

.dppp-front-end-deactivated .dppp-plugin-or-group-front-end-deactivate-link,
.dppp-back-end-deactivated .dppp-plugin-or-group-back-end-deactivate-link {
    display: none;
}

.dppp-inner-box.dppp-front-end-deactivated {
    background: #ffe0e0;
    border-top: 1px solid #e3cccc;
}

.dppp-inner-box.dppp-back-end-deactivated {
    background: #ffffe0;
    border-top: 1px solid #e3e3cc;
}

.dppp-inner-box.dppp-back-end-deactivated.dppp-front-end-deactivated {
    background: #e0e0e0;
    border-top: 1px solid #cccccc;
}

@-webkit-keyframes rotation {

    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }

}

@keyframes rotation {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }

}


/* 2. TOP SECTIONS - Styles for the top section with the plugin logo, the warning message section, and the bar with find and other actions */

.dppp-h1-admin-page {
    line-height: 1px;
    margin: 0;
    padding: 0;
}

.dppp-logo-div {
    padding: 15px;
    width: 100%;
}

.dppp-logo-div b {
    padding: 0;
    margin: 0;
    line-height: 1.36;
    font-size: 22px;
        font-family: irsn !important;
}

.dppp-logo-image {
    float: left;
    margin-right: 7px;
}

.dppp-warning {
    font-size: 18px;
    font-weight: 600;
    color: #cc3322;
    padding: 2px 0 0 0;
    display: inline-block;
}

.dppp-warning .dashicons::before {
    color: #cc3322;
}

.dppp-global-actions-contain {
    line-height: 30px;
    text-decoration: none;
}

#dppp-top-actions .dashicons {
    line-height: 20px;
    text-decoration: none;
    height: 20px;
    font-size: 20px;
    margin-top: 6px;
}

.dppp-global-actions-contain {
    float: left;
}

.dppp-global-actions-contain .dashicons-admin-site-alt {
    font-size: 17px;
    height: 18px;
    width: 18px;
}

#dppp-delete-all-rules-link,
#dppp-delete-all-rules-link:visited {
    color: #aa2233;
}

#dppp-delete-all-rules-link:active,
#dppp-delete-all-rules-link:focus,
#dppp-delete-all-rules-link:hover {
    color: #dd4455;
}

#dppp-start-all-rules-link,
#dppp-start-all-rules-link:visited {
    color: #119933;
}

#dppp-start-all-rules-link:active,
#dppp-start-all-rules-link:focus,
#dppp-start-all-rules-link:hover {
    color: #33bb55;
}

#dppp-find-plugins {
    border-color: #aaaaaa;
}

/* 3. PLUGINS SECTIONS - Styles for the active/inactive plugins list sections */

.dppp-plugin-rules-layer {
    margin-top: 10px;
    margin-bottom: 6px;
}

.dppp-add-rule-link:active .dashicons,
.dppp-add-rule-link:focus .dashicons,
.dppp-add-rule-link:hover .dashicons,
.dppp-add-rule-link:visited .dashicons,
.dppp-add-rule-link .dashicons {
    text-decoration: none;
    height: 18px;
    font-size: 18px;
}

.dppp-deactivated {
    background-color: #ddd;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.dppp-table-container {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-spacing: 0;
}

.dppp-add-new-rule {
    white-space: normal;
    padding-right: 3px;
}

#dppp-inactive-plugins-section .dppp-row-name {
    color: #b44;
}


/* 4. PLUGIN RULES TABLES - Styles for the tables with the plugin rules and the elements inside them */

.dppp-table {
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.dppp-table tr {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
}

.dppp-table th {
    text-align: left;
}

.dppp-table thead th {
    border-bottom: 1px solid #e1e1e1;
    font-weight: 500;
}

.dppp-table tfoot th {
    border-top: 1px solid #e1e1e1;
    font-weight: 500;
}

.dppp-table td,
.dppp-table th {
    padding: 5px 10px;
    vertical-align: top;
}

.dppp-table a {
    text-decoration: none;
}

.dppp-table tr:nth-child(even) {
    background-color: #f6f6f6;
}

.dppp-full-width {
    width: 100%;
        font-family: irsn !important;
}

.dppp-table .dppp-rule-row-paused {
    background-color: #bbb;
    opacity: 0.8;
}
.dppp-table .dppp-rule-row-paused:nth-child(even) {
    background-color: #b2b2b2;
    opacity: 0.8;
}

.dppp-table td {
    width: 15.1%;
}

.dppp-table .dppp-rule-id {
    width: 8.7%;
}

.dppp-table .dppp-deactivation-type {
    width: 18.5%;
}

.dppp-table .dppp-uri-condition-and-value {
    width: 27.5%;
}

.dppp-rule-row {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.dppp-rule-row.dppp-highlight,
.dppp-table .dppp-highlight:nth-child(even) {
    background-color: #aaeeaa;
    background-color: #c2f0c0;
}
.dppp-rule-row.dppp-highlight-red,
.dppp-table .dppp-rule-row-paused.dppp-highlight-red:nth-child(even),
.dppp-table .dppp-rule-row-paused.dppp-highlight-red:nth-child(even),
.dppp-table .dppp-highlight-red:nth-child(even) {
    background-color: #eeaaa8;
}

.dppp-rule-row.dppp-highlight-yellow,
.dppp-table .dppp-rule-row-paused.dppp-highlight-yellow:nth-child(even),
.dppp-table .dppp-rule-row-paused.dppp-highlight-yellow:nth-child(even),
.dppp-table .dppp-highlight-yellow:nth-child(even) {
    background-color: #f2f2b8;
}

.dppp-plugin-rules-layer .dppp-table {
    margin-bottom: 8px;
}

.dppp-dashicon-action-link,
.dppp-dashicon-action-link:visited,
.dppp-dashicon-action-link:hover,
.dppp-dashicon-action-link:active {
    text-decoration: none;
}

.dppp-dashicon-action-link .dashicons {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.dppp-dashicon-action-link .dashicons-info {
    font-size: 18px;
    line-height: 1.1;
}

.dppp-delete-rule,
.dppp-delete-rule:visited {
    color: #aa2233;
}

.dppp-delete-rule:active,
.dppp-delete-rule:focus,
.dppp-delete-rule:hover {
    color: #dd4455;
}

.dppp-start-rule,
.dppp-start-rule:visited {
    color: #119933;
}

.dppp-start-rule:active,
.dppp-start-rule:focus,
.dppp-start-rule:hover {
    color: #33bb55;
}

.dppp-uri-type-icons .dashicons,
.dppp-deactivation-type-icons .dashicons,
.dppp-device-icons .dashicons {
    color: #666;
}

.dppp-rule-row-paused .dppp-uri-type-icons .dashicons,
.dppp-rule-row-paused .dppp-deactivation-type-icons .dashicons,
.dppp-rule-row-paused .dppp-device-icons .dashicons {
    color: #555;
}

.dppp-barely-visible.dashicons {
    color: #e0e0e0;
}

.dppp-rule-row-paused .dppp-barely-visible.dashicons {
    color: #a6a6a6;
}


/* 5. AJAX RESULTS LAYER - Styles for the layer with ajax results and the elements inside it */

#dppp-ajax-results-container {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    display: none;
    background: url(../images/opacity-bg.png);
    background: rgba(33, 33, 33, 0.5);
    overflow-y: auto;
}

#dppp-div-results {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    max-width: 500px;
    background: #fff;
    padding: 1px 20px 8px 20px;
}

#dppp-div-results select,
#dppp-div-results option,
#dppp-div-results input[type=text] {
    width: 99.5%;
    max-width: 99.5%;
}

#dppp-button-add-selected-pages,
#dppp-button-save-rule,
#dppp-button-add-selected-plugins,
#dppp-button-save-selected-plugins,
#dppp-export-textarea,
#dppp-button-import-rules,
#dppp-button-export-rules {
    margin-bottom: 15px;
}

#dppp-div-results .dppp-close-button {
    margin: 1.14em 0 0 1em;
    float: left;
    max-width: 125px;
    font-family: irsn !important;
}

#dppp-div-results h2 {
    float: right;
    max-width: 320px;
    font-family: irsn !important;
}

.dppp-choose-elements {
    background-color: #eee;
    height: 170px;
    overflow-y: auto;
    padding: 4px 0 4px 0;
    border: 1px solid #ddd;
    margin-top: 4px;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

.dppp-choose-elements label,
.dppp-choose-elements .dppp-no-pages {
    margin: 0;
    padding: 1px 10px 3px 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.dppp-choose-elements p {
    margin: 0;
    padding: 0;
}

.dppp-choose-elements p:hover {
    background-color: #f9f9f9;
}

.dppp-choose-elements .dppp-selected-element {
    background-color: #c2f0c0;
}

.dppp-choose-elements .dppp-selected-element:hover {
    background-color: #d0ffce;
}

#dppp-select-deactivation-type,
#dppp-select-uri-type,
#dppp-select-devices,
#dppp-custom-uri-type,
#dppp-page-uri-type,
#dppp-select-plugins,
#dppp-plugin-group-name,
#dppp-import-rules-textarea,
#dppp-skipped-pages-textarea {
    margin-bottom: 15px;
}

#dppp-custom-uri-type {
    display: none;
}

#dppp-custom-uri-type.dppp-display-block {
    display: block;
}

#dppp-div-results select {
    vertical-align: baseline;
}

.dppp-explain-uri-value {
    padding: 1px 4px 2px 4px;
    background-color: #eee;
    border: 1px solid #bbb;
    max-width: 100%;
    display: block;
    word-break: break-all;
}

.dppp-wpml-filter-pages-active {
    font-weight: 600;
}

.dppp-select-wpml-translated-pages-contain {
    margin-top: 5px;
    margin-left: 2px;
}

#dppp-custom-uri-type .dashicons-plus {
    font-size: 14px;
    text-decoration: none;
    height: 14px;
    width: 14px;
    line-height: 14px;
    margin-right: 1px;
    margin-top: 4px;
}

.dppp-remove-condition-link .dashicons {
    width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 25px;
    margin-top: 2px;
}

.dppp-remove-condition-link {
    text-decoration: none;
    line-height: 30px;
    padding: 2px 0;
}

.dppp-remove-condition-link,
.dppp-remove-condition-link:visited {
    color: #aa2233;
}

.dppp-remove-condition-link:active,
.dppp-remove-condition-link:focus,
.dppp-remove-condition-link:hover {
    color: #dd4455;
}

.dppp-uri-conditions-inner {
    display: flex;
}

.dppp-uri-conditions-fields {
    flex-grow: 1;
}

.dppp-contain-remove-condition {
    width: 27px;
}

.dppp-plugin-span-checkbox {
    max-width: 92%;
    display: inline-block;
}

.dppp-choose-elements .dashicons-screenoptions {
    float: right;
    font-size: 14px;
    line-height: 22px;
}

#dppp-div-results input[type=text].dppp-input-find-selectables {
    width: 100px;
    padding-left: 22px;
    padding-right: 22px;
}

.dppp-find-selectables {
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
    right: auto;
}

.dppp-find-selectables .dashicons-search {
    font-size: 18px;
    width: 23px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    top: 1px;
    right: 77px;
}

.dppp-find-selectables label {
    padding: 0;
}

#dppp-clear-find-selectables {
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 3px;
}

#dppp-clear-find-selectables .dashicons-dismiss {
    font-size: 18px;
    height: 20px;
    width: 20px;
    line-height: 20px;
}

#dppp-export-textarea,
#dppp-import-rules-textarea,
#dppp-skipped-pages-textarea,
#dppp-skipped-rules-textarea {
    width: 99.5%;
    height: 100px;
}


/* 6. PLUGIN GROUPS SECTION - Styles for the elements in the plugin groups section */

.dppp-add-new-plugin-group,
.dppp-hide-group-plugins,
.dppp-show-group-plugins {
    font-size: 15px;
    font-weight: 400;
}

#dppp-add-plugin-group-link .dashicons {
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
    height: 18px;
}

#dppp-hide-group-plugins-link .dashicons,
#dppp-show-group-plugins-link .dashicons {
    vertical-align: middle;
    text-decoration: none;
    font-size: 19px;
    height: 19px;
    width: 22px;
    margin-top: -2px;
    line-height: 19px;
}

#dppp-hide-group-plugins-link,
#dppp-show-group-plugins-link {
    float: right;
    line-height: 23px;
    padding-top: 1px;
}

.dppp-delete-group-link .dashicons,
.dppp-edit-group-link .dashicons {
    vertical-align: text-bottom;
    text-decoration: none;
    font-size: 21px;
    height: 21px;
    width: 21px;
    margin-bottom: -2px;
}

.dppp-delete-group-link .dashicons {
    font-size: 20px;
}

.dppp-inner-box .dashicons-admin-plugins {
    font-size: 16px;
    height: 16px;
    width: 16px;
    line-height: 19px;
}

#dppp-plugin-groups-section .dppp-section-row.dppp-showing-plugins {
    margin-bottom: 5px;
}

.dppp-plugin-in-group {
    display: inline-block;
    margin-right: 12px;
}

.dppp-delete-group-link,
.dppp-delete-group-link:visited {
    color: #aa2233;
}

.dppp-delete-group-link:active,
.dppp-delete-group-link:focus,
.dppp-delete-group-link:hover {
    color: #dd4455;
}

#dppp-show-hide-plugin-groups {
    margin-left: 20px;
}


/* 7. SETTINGS SECTION - Styles for the elements in the settings section */

.dppp-settings-box p {
    margin: 0 0 13px 0;
}

.dppp-settings-box .dashicons-info {
    line-height: 27px;
    cursor: pointer;
    color: #666;
}

.dppp-settings-box .dppp-select-hint {
    line-height: 31px;
}

.dppp-settings-box .dashicons-info:hover {
    color: #888;
}

.dppp-hint-text {
    display: none;
}

#dppp-save-settings {
    margin-bottom: 5px;
}

#dppp-loading-settings {
    line-height: 28px;
    width: 28px;
    height: 28px;
    font-size: 24px;
    visibility: hidden;
}

#dppp-status-save {
    line-height: 28px;
}

#dppp-status-save.dppp-green,
#dppp-status-save.dppp-red {
    padding-left: 7px;
}

.dppp-settings-box select {
    max-width: 89%;
}

.dppp-settings-box h2 {
    margin: 13px 0;
    font-size: 15px;
    font-weight: 600;
}

.dppp-settings-box h2:first-of-type {
    margin: 4px 0 13px 0;
        font-family: irsn !important;
}

#dppp-settings-section .dppp-show-hide-section .dashicons {
    margin-bottom: 1px;
}

#dppp-chosen-uri-parameters {
    width: 500px;
    max-width: 100%;
    height: 80px;
    display: block;
    margin-top: 5px;
}


/* 8. MEDIA QUERIES - Styles for the responsive design */

@media (max-width: 400px) {

    #dppp-div-results h2 {
        max-width: 182px;
    }

    #dppp-div-results .dppp-close-button {
        max-width: 82px;
    }

    #dppp-find-plugins {
        width: 190px;
    }

}

@media (min-width: 401px) and (max-width: 500px) {

    #dppp-div-results h2 {
        max-width: 272px;
    }

    #dppp-div-results .dppp-close-button {
        max-width: 82px;
    }
}

@media (max-width: 750px) {

    .dppp-table tbody,
    .dppp-table {
    	width: 100%;
        display: table;
    }

    .dppp-table tr,
    .dppp-table th,
    .dppp-table td {
    	display: block;
        clear: both;
    }

    .dppp-table td,
    .dppp-table th,
    .dppp-table .dppp-rule-id,
    .dppp-table .dppp-page-id,
    .dppp-table .dppp-deactivation-type,
    .dppp-table .dppp-uri-condition-and-value {
    	text-align: right;
        width: auto;
        box-sizing: border-box;
        overflow: auto;
    }

    .dppp-table td[data-title]::before {
    	display: inline-block;
    	content: attr(data-title);
    	float: left;
        font-weight: 500;
        text-align: left;
        white-space: pre-line;
    }

    .dppp-cell-content {
        max-width: 59%;
        display: inline-block;
    }

    .dppp-table td[data-title]::before,
    .dppp-table th[data-title]::before {
        max-width: 39%;
        margin-right: 10px;
    }

    .dppp-table thead,
    .dppp-table tfoot {
    	display: none;
    }

    .dppp-dashicon-action-link .dashicons {
        height: 24px;
        line-height: 24px;
        width: 24px;
        font-size: 24px;
        padding: 0 4px;
    }

    .dppp-dashicon-action-link .dashicons-info {
        font-size: 22px;
        line-height: 22px;
    }

    .dppp-plugin-version,
    .dppp-hide-under-751 {
    	display: none;
    }

    .dppp-choose-elements label {
        margin: 0;
        padding: 7px 10px 6px 10px;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    .dppp-find-selectables label {
        padding: 0;
    }

    #dppp-show-group-plugins-link {
        clear: both;
        margin-top: -3px;
    }

    .dppp-row-name {
        display: block;
        text-align: center;
        max-width: 100%;
    }

    #dppp-active-plugins-section .dppp-add-rule-link,
    #dppp-inactive-plugins-section .dppp-add-rule-link,
    .dppp-group-actions {
        display: block;
        text-align: center;
        margin: 4px 0 6px;
    }

    .dppp-plugin-or-group-action-links .dashicons {
        font-size: 23px;
        height: 23px;
        line-height: 23px;
        width: 23px;
        margin-top: -1px;
        margin-right: 3px;
        margin-left: 3px;
        text-decoration: none;
    }

    #dppp-add-plugin-group-link {
        display: block;
        text-align: center;
        margin: 9px 0 6px 0;
        line-height: 23px;
    }

    .dppp-plugin-or-group-action-links {
        float: none;
        text-align: center;
        display: block;
    }

    #dppp-hide-group-plugins-link,
    #dppp-show-group-plugins-link,
    .dppp-plugins-of-group {
        float: none;
        display: block;
        text-align: center;
    }

    #dppp-top-actions {
        text-align: center;
    }

    .dppp-global-actions-contain {
        float: none;
        display: block;
        text-align: center;
        margin-top: 9px;
    }

    .dppp-delete-group-link .dashicons,
    .dppp-edit-group-link .dashicons {
        margin-right: 3px;
        margin-left: 3px;
    }

}

@media (min-width: 751px) {

    .dppp-hide-above-750 {
        display: none;
    }

}

@media (min-width: 651px) {

    .dppp-hide-above-650 {
        display: none;
    }

}

@media (max-width: 782px) {

    #dppp-loading-settings {
        line-height: 33px;
        width: 33px;
        height: 33px;
        font-size: 24px;
    }

    #dppp-status-save {
        line-height: 33px;
    }

    .dppp-global-actions-contain,
    .dppp-settings-box .dppp-select-hint {
        line-height: 37px;
    }

    .dppp-settings-box .dppp-textarea-hint {
        line-height: 27px;
    }

    #dppp-top-actions .dashicons {
        height: 26px;
        line-height: 26px;
        width: 26px;
        font-size: 26px;
        margin: 5px 5px;
    }

    .dppp-delete-group-link .dashicons,
    .dppp-edit-group-link .dashicons {
        font-size: 24px;
        height: 24px;
        width: 24px;
        line-height: 24px;
        margin-bottom: -3px;
    }

    .dppp-remove-condition-link .dashicons {
        line-height: 34px;
    }

    .dppp-find-selectables .dashicons-search {
        top: 5px;
    }

    #dppp-clear-find-selectables {
        top: 9px;
    }

}

@media (min-width: 450px) {

    select#dppp-custom-uri-select-condition,
    input[type=text]#dppp-custom-uri-value {
        width: 49%;
    }

    #dppp-div-results .dppp-uri-conditions-fields select {
        width: 52%;
    }

    #dppp-div-results .dppp-uri-conditions-fields input[type=text] {
        width: 46%;
    }

}