// Loaded in WordPress admin section

@charset "UTF-8";

@import 'objects/_variables';
@import 'objects/_vector_icons';


// display the LaterPay logo from the LaterPay icon font in the admin menu
i.mce-i-laterpay-logo:before,
#adminmenu div.wp-menu-image.dashicons-laterpay-logo:before { // WordPress selector
    content: 'b' !important;
    font-family: laterpay-wordpress-icons !important;
    font-weight: 400 !important;
    vertical-align: middle;
}

// add red color icon for
.lp_region_notice[data-icon]:before {
    color: red;
}

// remove dfn color
dfn.lp_region_notice {
    color: #444;
}

// style custom columns in posts table
.column-post_price { // WordPress selector
    text-align: left;
    width: 75px;

    span {
        color: $text--lighter;
    }
}

// sytle for wpengine notice button
.lp_wpengn_nbtn {
    background: #1a766d;
    border: none;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    width: 60px;
    text-align: center;
    margin-top: 7px;
}

.lp_wpengn_nbtn:link,.lp_wpengn_nbtn:hover,.lp_wpengn_nbtn:hover {
  color:#fff;
}


.mce-container {
    .lp-media-preview {
        padding: 10px;

        .preview-image {
            height: 100px;
            width: 100px;
            margin-right: 10px;
            display: block;
            float: left;
        }

        .media-name {
            display: block;
            overflow: hidden;
            white-space: pre-wrap;
            margin-bottom: 10px;
            text-overflow: ellipsis;
            cursor: pointer;
        }
    }

}