/**
 * @package: Commenter Ignore Button
 * @Since: 1.0
 * @Date: January 2017
 * @Author: CK MacLeod
 * @Author: URI: http://ckmacleod.com
 * @License: GPL3
 */

/* LAYOUT */
#cks_plugins-admin-wrapper {
    background-color: #F5F5F5;
}
#cks_plugins-main {
    float: left;
    margin-bottom: 40px;
    width: 61.8%;
}
#cks_plugins-sidebar {
    float: right;
    margin: 0 0 20px;
    width: 38.2%;
}
/* USAGE NOTES */
.ck-usage-notes {
    background-color: #fff;
    border: 1px dotted gray;
    margin-top: 1em;
    padding: 1em 2em;
}
.ck-usage-notes p {
    clear: both;
}
.ck-usage-notes h3 {
    text-align: center;
}
/* CKS PLUGINS/ADMIN ELEMENTS */
.cks_plugins h1 {
    margin-bottom: 1em;
}
.goto-menu {
    text-align: center;
}
.cks_plugins hr {
    clear: both;
}
.cks_plugins li {
    margin-left: 2em;
}
.cks_plugins .description {
    display: block;
    float: right;
    width: 60%;
}
.cks_plugins span.description,
.cks_plugins p.description {
    font-size: 14px;
    line-height: 1.5;
}
.cks_plugins #upload_image {
    width: 100%;
}
/*BUTTONS*/
.cks_plugins .button-primary.top {
    float: right;
    margin-bottom: 1em;
}
/* TABLES */
.cks_plugins .form-table th {
    line-height: 1.5;
    min-width: 120px;
    padding: 12px 0;
}
.cks_plugins .form-table tr {
    width: 100%;
}
.cks_plugins .form-table td, .cks_plugins .form-table th {
    margin-right: 12px;
    padding: 15px 10px;
}
/* INPUTS */
.cks_plugins input[type=text] {
    display: block;
    float: left;
    vertical-align: text-bottom;
    width: 35%;
}
.cks_plugins input[type=number] {
    height: 28px;
    line-height: inherit;
    width: 50px;
}
.cks_plugins input[type=checkbox] {
    margin-top: 2px;
}
.form-table textarea {
    display: block;
    float: left;
    height: 4.5em;
    width: 35%;
}
/* ILLUSTRATIONS */
.cks_plugins .ck-illustrations {
    margin: 20px 40px 0;
    overflow: auto;
}
.cks_plugins .ck-illustrations img {
    width: 100%;
}
#cks_cib-usage-ills {
    width: 100%;
    display: block;
}
.cks_usage-ills img {
    border: 1px dotted gray;
    display: block;
    margin: 1em auto;
    max-width: 90%;
    padding: 1em;
    width: 61.8%;
}
.cks_plugins_admin-ill-head {
    margin: 2em 0 1em;
    font-weight: 700;
    font-style: italic;
}
.cks_plugins_admin-ill-head-top {
    margin-top: 0;
    margin-bottom: 1em;
}
.cks_image-caption {
    text-align: center;
    font-style: italic;
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: 1em;
}
p.cks_plugins_admin-caption {
    display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    margin: .5em 0 2.5em;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
/* BUTTON PLACEMENT */
.admin-radio {
    font-weight: 700;
    margin-bottom: 1em;
}
.admin-radio .description {
    font-weight: 400;
    margin-bottom: 1em;
}
/* JQUERY */
#cib_jquery-settings input {
    width: 60px;
    min-width: 60px;
}
#cib_jquery-settings td {
    margin: 0;
    padding: 0 0 1em;
    vertical-align: top;
    line-height: 1.5em;
}
#cib_jquery-settings .label, #cib_guidelines .label {
    font-weight: 700;
}
.jq-descr {
    font-style: italic;
}
/*GUIDELINES*/
#cib_guidelines input[type=text], #cib_guidelines input[type=url] {
    width: 100%;
}
#cib_guidelines.form-table textarea {
    height: auto;
}
/* CSS REFERENCE */
#css-defaults {
    float: left;
    width: 33.2%;
    margin-right: 5%;
}
#css-selectors {
    float: right;
    width: 61.8%;
}
/* SIDEBAR */
.sidebar-version {
    margin: 2em 0;
}
.cks_plugins .sidebar-version p {
    font-size: 16px;
    text-align: center;
    margin-top: 0;
}
/* DONATION WIDGET */
.ck-donation {
    background-color: #fff;
    border: 1px dotted gray;
    margin: 3em auto 1em;
    overflow: auto;
    padding: 1em;
    width: 61.8%;
}
.ck-donation p {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
#ck-donate-submit-line {
    margin: 0 auto;
    width: 150px;
}
#sos-amount {
    display: block;
    float: left;
    margin: 0 auto;
    width: 48%;
}
#sos-submit {
    display: block;
    float: right;
    padding: 2px 2px 1px;
    width: 48%;
}
#sos-button {
    background-image: url(../images/cks_wp_square_150x150.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 150px 150px;
    display: block;
    margin: 1em auto 0;
    padding-top: 160px;
    text-align: center;
    width: 250px;
}
/* FOOTER */
#cks_plugins_admin-footer {
    background-color: #E2E1D9;
    clear: both;
    margin-top: 1%;
    width: 100%;
}
#cks_plugins_admin-footer a {
    background-color: #E2E1D9;
    display: block;
    float: left;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 1% 1%;
    text-align: center;
    text-decoration: none;
    width: 10.5%;
}
#cks_plugins_admin-footer a:hover {
    background-color: #B04D52;
    color: #F5F5F5;
}
#cks_plugins_admin-footer img {
    max-width: 80%;
    min-width: 80px;
}
#cks_plugins_admin-footer a.last-link {
    border-right: none;
}
#cks_plugins_admin-footer a.pre-wp-beta {
    background-color: lightgray;
    color: gray;
}
#cks_plugins_admin-footer a.pre-wp-beta:hover {
    background-color: lightgray;
    color: gray;
}
#cks_plugins_admin-footer a.wordpress-link {
    background-color: #F5F5F5;
   // border: 1px solid #00008B;
}
#cks_plugins_admin-footer a.wordpress-link:hover {
    color: #000;
}
@media only screen and (max-width: 1200px) {
    #cks_plugins-main {
        float: none;
        width: 100%;
    }
    #cks_plugins-sidebar {
        float: none;
        margin-top: 40px;
        width: 100%;
    }
    .cks_plugins .form-table td {
        margin-left: 0;
        width: 100%;
    }
    .cks_plugins .description {
        display: block;
        float: none;
        width: 100%;
    }
    .cks_plugins input[type=number] {
        width: 30%;
    }
    #cks_plugins_admin-footer a {
        display: block;
        float: left;
        height: 50px;
        margin: 0;
        padding: 2% 0;
        text-align: center;
        width: 50%;
    }
    #cks_plugins_admin-footer a#link-to-cks-plugins,
    #cks_plugins_admin-footer a.last-link {
        border: none;
        height: auto;
        margin: 0 auto;
        padding: 1% 0;
        width: 100%;
    }
    #css-defaults, #css-selectors {
        float: none;
        width: 100%;
    }
    #css-defaults th, #css-selectors th, #css-defaults td, #css-selectors td {
        display: table-cell;
        margin-left: 0;
        padding: 12px;
        width: auto;
    }
}