/*------------------------------
 * General styles
 *------------------------------*/

.vp-highlight-text {
    background-color: rgba(255, 255, 0, 0.7);
}


/*------------------------------
 * Activation
 *------------------------------*/

.vp-activation-panel .left {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.vp-activation-panel .right {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

/*------------------------------
 * Admin pages
 *------------------------------*/

#wpbody {
	padding-right: 10px;
}


#versionpress-commits-table th,
#versionpress-commits-table td {
    border-bottom: 1px solid #ccc;
}

#versionpress-commits-table .column-date {
	width: 100px;
}

#versionpress-commits-table .column-commit-id {
	width: 60px;
}

#versionpress-commits-table .column-commit-id {
	/*width: 100%;*/
}


#versionpress-commits-table .column-actions {
	width: 170px;
}

.vp-requirements-check li p.closed {
    display: none;
}

.vp-requirements-check li p {
    margin-top: 2px;
}

#vp-service-panel {
    display: none;
}

#vp-service-panel.displayed {
    display: block;
}

#vp-service-panel-button {
    font-size: 16px;
    float: right;
    padding: 2px 12px;
}

.welcome-panel {
    padding: 23px 10px;
}


/*------------------------------
 * Styles for admin/deactivate.php
 *------------------------------*/


h2.vp-deactivation-header {
    margin-bottom: 20px;
}

.vp-deactivation ul {
    list-style: none;
    padding-left: 40px;
}

.vp-deactivation ul li {
    position: relative;
}

.vp-deactivation ul .icon {
    position: absolute;
    left: -25px;
    top: 3px;
}

.vp-deactivation ul .ok-color {
    color: inherit;
}

.vp-deactivation ul .warning-color {
    color: inherit;
}

.deactivation-buttons {
    margin: 40px 0 20px;
}

.deactivation-buttons form {
    display: inline-block;
}

.deactivation-buttons .button {
    margin-right: 10px;
}

.deactivation-buttons .cancel-deactivation {
}

.undo-warning {
    padding-left: 24px;
}

.undo-warning .icon {
    position: absolute;
    margin: 3px 0 0 -24px;
}

/*-------------------------------------
 * Styles for admin/plugin-install.php
 *------------------------------------*/

.plugin-install .vp-compatibility {
    display: block;
    margin-top: 7px;
}

.vp-compatibility::before {
    font: 400 20px/.5 dashicons;
    speak: none;
    padding: 0;
    top: 4px;
    left: -2px;
    position: relative;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    color: #444;
}

.vp-compatibility.vp-compatible::before {
    content: '\f147';
}

.vp-compatibility.vp-incompatible::before {
    content: '\f158';
}

.vp-compatibility.vp-incompatible a,
.vp-compatibility.vp-untested a {
    color: inherit;
    border-bottom: 1px dotted #777;
}

.vp-compatibility .hide-without-js {
    display: none;
}

.vp-compatibility-popup-buttons {
    margin-top: 1em;
}

.vp-compatibility-popup-buttons .button {
    float: right;
    margin-left: 3px;
}

.webui-popover-versionpress-compatibility-popover .webui-popover-content p {
    margin-top: .5em;
    margin-bottom: .5em;
}

.vp-index .welcome-panel {
    padding-bottom: 23px;
    margin-top: 20px;
}

.vp-index .welcome-panel p {
    color: inherit;
}

.vp-index .welcome-panel .about-description {
    margin: 23px 0 10px;
}

.vp-index .welcome-panel ul {
    list-style: none;
    padding-left: 40px;
}

.vp-index .welcome-panel ul li {
    position: relative;
}

.vp-index .welcome-panel ul .icon {
    position: absolute;
    left: -25px;
    top: 6px;
}

.vp-index #vp-page-header {
    margin-bottom: 15px;
}

tr.disabled {
    opacity: 0.5;
}

tr.note {
    background-color: #dedede;
    text-align: center;
}

#vp-service-panel {
    display: none;
}

#vp-service-panel.displayed {
    display: block;
}

#vp-service-panel-button {
    font-size: 16px;
    float: right;
    padding: 2px 12px;
}

/*------------------------------
 * Styles for plugins.php
 *------------------------------*/
.vp-update-message {
    margin: -1px 0 1px 0 !important;
    padding-left: 43px !important;
    background-color: #f7fcfe !important;
}

.branch-4-3 .vp-update-message {
    padding-left: 70px !important;
}

.vp-update-message:before {
    content: '\f153' !important;
    color: #000 !important;
    padding-bottom: 3px;
}

.branch-4-3 .vp-update-message:before {
    content: '\f534' !important;
}

.vp-update-message a {
    text-decoration: underline !important;
}

.vp-plugin-update {
    border-left: 4px solid #00a0d2 !important;
    overflow: visible !important;
}