/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 26, 2014, 11:41:40 AM
    Author     : Vien Nguyen
*/

.search-box {
    padding: 0 0 20px 0;
    float: left
}

.column-col_meta_title {
    width: 20%;
}

.column-col_meta_desc {
    width: 30%;
}

.column-col_follow, .column-col_index {
    width: 5%;
    text-align: center;
}

.wp-meta-seo_page_metaseo_link_meta .column-col_follow {
    width: 10%;
}

.title-len, .desc-len, .word-exceed, .keywords-len {
    min-width: 15px;
    text-align: center;
    float: left;
    position: relative;
    bottom: 48px;
    left: calc(100% - 58px);
    width: 58px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    background-color: #42d4a3;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.8px;
    color: #ffffff;
}

.word-exceed {
    background: none repeat scroll 0 0 #FFCC00;
}

.word-74B6FC {
    background: none repeat scroll 0 0 #21759b;
}

.savedInfo {
    float: right;
    color: #999;
    margin-right: 30px;
}

/* Snippet */
.snippet {
    border: none;
    margin-top: 2px;
}

.snippet_metatitle {
    display: block;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #21759b;
}

.wpms_link_html a {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #21759b;
}

.snippet_metalink {
    color: #666;
    font-size: 13px;
    line-height: 16px;
}

.widefat .snippet_metades {
    color: #545454;
    line-height: 1.4;
    font-size: 13px;
}

a.info-content {
    outline: none;
    margin-left: 10px;
}

a.info-content:hover {
    text-decoration: none;
}

a.info-content .tooltip-metacontent {
    z-index: 10;
    display: none;
    padding: 10px 15px;
    margin-top: 3px;
    margin-left: 10px;
}

a.info-content img {
    height: 13px;
}

a.info-content .tooltip-metacontent .tooltip-metatitle {
    overflow: hidden;
    width: 512px;
    color: #1e0fbe;
    font-size: 18px !important;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a.info-content .tooltip-metacontent .tooltip-metalink {
    color: #006621;
    font-size: 13px;
    line-height: 16px;
}

a.info-content .tooltip-metacontent .tooltip-metades {
    color: #777
}

a.info-content:hover .tooltip-metacontent {
    display: inline;
    position: absolute;
    color: #777;
    border: 1px solid #CCC;
    border-radius: 2px;
    background: #ffffff;
}

a.info-content .tooltip-metacontent {
    border-radius: 2px;
    box-shadow: 5px 5px 8px #eee;

}

.metaseo-metatitle {
    padding: 4px 6px;
    width: 100% !important;
    height: 45px;
    border-radius: 4px;
    box-shadow: 0 20px 20px 0 rgba(186, 192, 213, 0.06);
    border: solid 0.5px #a7b5c3;
    opacity: 0.6;
    padding-right: 68px !important;
}

.col_meta_title .title-len {
    height: 45px;
    line-height: 45px;
    bottom: 46px;
}

.metaseo-metadesc, .metaseo-metakeywords {
    padding: 4px 6px;
    width: 100% !important;
    height: 150px;
    border-radius: 4px;
    box-shadow: 0 20px 20px 0 rgba(186, 192, 213, 0.06);
    border: solid 0.5px #ddd;
}

.action-wrapper {
    float: left;
}

.snippet-wrapper {
    width: 100%;
    float: left;
}

@media all and (max-width: 768px) {
    .action-wrapper, .snippet-wrapper {
        width: auto;
        float: none;
    }
}

/* Alexa CSS */
.rank-row, .metrics-row {
    margin-bottom: 25px;
    margin-top: 0 !important;
}

a.tt {
    cursor: help;
}

.ptt {
    left: 57px;
    position: absolute;
    top: 210px;
}

.tt {
    color: #333;
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: left;
    text-decoration: none !important;
}

.tt span {
    display: none;
}

.tt .fakeLink {
    text-decoration: underline;
}

.tt img {
    vertical-align: baseline;
}

.ptt-hover, .tt:hover {
    background: none repeat scroll 0 0 transparent;
    color: #aaaaff;
    position: relative;
    text-decoration: none;
    z-index: 10000;
}

.ptt-hover span.tttooltip, .tt:hover span.tttooltip {
    color: #111;
    display: block;
    left: -60px;
    padding: 15px 0 0;
    position: absolute;
    text-align: left;
    text-decoration: none;
    top: -10px;
    white-space: normal !important;
    width: 200px;
    z-index: 20000;
}

.ptt-hover.rightEnd span.tttooltip, .tt.rightEnd:hover span.tttooltip {
    left: auto;
    right: -20px;
}

.ptt-hover span.top, .tt:hover span.top {
    background: url("../images/bubble-top-v2.png") no-repeat scroll 80px 1px rgba(0, 0, 0, 0);
    display: block;
    padding: 15px 8px 0;
}

.ptt-hover span.middle, .tt:hover span.middle {
    background-color: #f2f2f2;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    display: block;
    line-height: normal;
    padding: 8px;
}

.ptt-hover span.bottom, .tt:hover span.bottom {
    color: #548912;
    display: block;
    padding: 0 8px;
}

.popover {
    border: 1px solid #3b81de;
    box-shadow: none;
}

.popover, .popover-title, .popover a, .popover a:visited, .popover a:hover, .popover a:active {
    color: #fff;
}

.siteInfoPage h3.popover-title {
    color: #fff;
}

.popover-title {
    border-bottom: 0 none;
    font-size: 12px;
    font-weight: bold;
}

.popover, .popover-title {
    background-color: #3b81de;
}

.popover-content {
    padding-top: 0;
}

.popover.top {
    margin-top: -10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -20px;
}

.popover.right {
    margin-left: 20px;
}

.popover.right .arrow, .popover.right .arrow:after {
    border-right-color: #3b81de;
}

.popover.left .arrow, .popover.left .arrow:after {
    border-left-color: #3b81de;
}

.popover.top .arrow, .popover.top .arrow:after {
    border-top-color: #3b81de;
}

.popover.bottom .arrow, .popover.bottom .arrow:after {
    border-bottom-color: #3b81de;
}

.spark-bars {
    display: none;
}

.panel-wrapper.no-padding .traffic-rankpromo-content {
    padding: 12px 20px;
}

.img-inline {
    padding-right: 5px;
    vertical-align: middle;
}

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

.metrics-data, .metrics-pending {
    color: #333;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 24px;
}

strong {
    font-weight: bold;
}

.change-wrapper {
    border-radius: 3px;
    color: #fff;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 3px 5px 3px 15px;
}

.change-up.change-r {
    background: url("../images/arrow-up.png") no-repeat scroll 5px 50% #c32f16;
    color: #fff;
}

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

.change-up {
    background: url("../images/arrow-up.png") no-repeat scroll 5px 50% #68b325;
    color: #fff;
}

.change-down {
    background: #68b325 url("../images/arrow-down.png") no-repeat 5px 50%;
    color: #fff;
}

.no-wrap {
    white-space: nowrap;
}

.metrics-title {
    color: #666;
    font-weight: normal;
    margin: 0 0 10px;
}

.note-no-data {
    padding: 12px 12px 12px 0;
}

.yellow-box {
    height: auto;
    padding: 5px 10px;
}

.yellow-box {
    background-color: #23282D;
    color: #eee;
}

.note-no-data .col-pad {
    background: url("../images/loop.png") no-repeat scroll 0 50% transparent;
    display: block;
    padding-left: 45px;
}

.metaseo_link_title {
    width: 180px;
    height: 28px;
    float: left;
}

.wpms_update_link {
    display: none;
    float: left;
    height: 45px;
}

.wpms_mesage_link {
    display: none;
    line-height: 28px;
    color: #7ad03a;
}

.wpms_error_mesage_link {
    display: none;
    line-height: 28px;
    color: #F00;
}

.wpms-inline-editor-content {
    display: none;
    float: left;
}

#col_link_url {
    width: 30%;
}

.wpms-inline-editor-content span.title {
    display: block;
    float: left;
    width: 5em;
}

.wpms-inline-editor-buttons {
    padding: 0 !important;
}

.wpms-link-redirect-field {
    width: calc(100% - 45px) !important;
    float: left;
}

.wpms-cancel-button, .btn_add_redirect {
    margin: 10px 0;
}

.wpms-update-link-button {
    float: right;
    margin-top: 10px !important;
}

.wpms-form-table .bulkactions select, .wpms-form-table .bulkactions #broken-submit {
    float: left;
}

.wpms_action_link {
    cursor: pointer;
}

.column-col_hit {
    text-align: center !important;
}

.broken_link_table th#col_hit {
    width: 10%;
}

.broken_link_table th#col_source {
    width: 20%
}

.broken_link_table th#col_link_url {
    width: 30%
}

.broken_link_table th#col_status {
    width: 10%
}

.wpms-global {
    display: block;
}

.wrap_wpms_settings .content-box {
    padding: 10px;
    display: none;
}

#wpms-global {
    display: block;
}

.wpms_content_settings {
    background: #fff;
}

.metaseo-dashicons {
    float: left;
    width: 30px;
}

.metaseo-dashicons:before {
    width: 30px;
}

.metaseo-dashicons.icons-mwarning {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background-image: url(../images/warnig-red.png);
    background-size: 100% 100%;
}

.message_saved {
    line-height: 28px;
    color: #0073aa;
    display: none;
}

.wpms_warning {
    color: #FFB900;
}

.wpms_ok {
    color: #4caf50;
}

.wpms_process {
    background: #81b5ee;
    width: 0;
    display: none;
}

.wp-meta-seo_page_metaseo_broken_link .metaseo-tippy {
    font-size: 12px !important;
    line-height: 18px !important;
}

.wpms_link_html .link_html {
    float: none;
}

.wpms_link_html .row-actions > span {
    display: inline;
}

.wpms_action_link {
    color: #32373C !important;
}

.wpms_action_link i.material-icons {
    font-size: 20px !important;
}

.wpms_icon_action {
    display: inline;
    vertical-align: middle;
}

.wpms_link_html td.link_text i.material-icons {
    font-size: 20px;
    color: #32373C
}

.metaseo_help_status {
    font-size: 21px !important;
}

.wpms_content_loader {
    width: 30px;
    height: 10px;
    display: none;
    vertical-align: middle;
}

.wpmslabel {
    width: 275px;
    float: left;
    text-align: left;
    color: #23282d;
    line-height: 1.3;
    font-weight: 600;
    font-size: 13px;
}

.wpmslabel label {
    line-height: 45px;
}

.metaseo_metabox_follow, .metaseo_metabox_index {
    margin-left: 15px !important;
}

.wpms_change_follow {
    cursor: pointer;
}

.metaseo-tippy {
    font-size: 14px !important;
    line-height: 18px !important;
}

#numberFrequency {
    width: 20%;
    vertical-align: middle;
}

#showlinkFrequency {
    padding: 3px;
    width: calc(80% - 6px);
}

.metaseo-img-lb {
    float: left;
    line-height: 45px !important;
    vertical-align: middle;
}

.wpms-seo-image-wrapper {
    display: inline-block;
    position: relative;
}

span.wpms-seoImgAdd, span.wpms-seoImgRemove {
    position: absolute;
    top: -8px;
    cursor: pointer;
}

span.wpms-seoImgAdd {
    left: -8px;
    color: green;
}

span.wpms-seoImgRemove {
    right: -8px;
    color: red;
}

.wpms-seo-image-preview {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    min-width: 80px;
    min-height: 80px;
    background: #b6cdec;
    text-align: center;
    float: left;
}

.wpms-seo-image-preview img {
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 100px;
}

.image-info span {
    display: block;
    margin-top: 5px;
}

/* tab css */
.wpmstabs .tab a:focus {
    outline: none !important;
    box-shadow: none !important;
}

.wpmseotab th.headerSortUp {
    background-image: url(../images/asc.gif);
}

.wpmseotab th.headerSortDown {
    background-image: url(../images/desc.gif);
}

.wpmseotab th.header {
    cursor: pointer;
    background: no-repeat center right;
}

.wpmseotab .column-first {
    width: 5%;
}

.wpmseotab .column-keyword {
    width: 30%;
}

.wpmseotab .column-date {
    width: 20%;
}

.imgspinner {
    display: none;
}

.wpms_process_meta {
    background: #81b5ee;
    height: 2px;
    width: 0;
    position: absolute;
    top: -2px;
}

.tr_home_text.hide {
    display: none;
}

#wpmseo_meta {
    display: block !important;
}

.wpms_remove_link {
    width: 100%;
    color: #f00 !important;
    cursor: pointer;
}

.metaseo_images div.popup .wp-list-table thead tr {
    background-color: #f3f6fa !important;
}

.metaseo_images div.popup .wp-list-table thead tr td {
    font-size: 14px !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.4px;
    color: #568095 !important;
}

.popup.post-list {
    background-color: #f3f6fa;
}

.metaseo-optimize {
    min-width: 0 !important;
    border: #21759b 1px solid;
    color: #21759b;
    box-shadow: none !important;
}

.metaseo-optimize:hover {
    color: #21759b;
}

.radius-checked-img-choosen {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    background: #21759b;
    border-radius: 100px;
    display: none;
}

.metaseo-img-wrapper.checked .radius-checked-img-choosen {
    display: block;
}

.radius-checked-img-choosen i {
    color: #fff;
    margin: 10px;
    font-size: 20px !important;
}

#col_id {
    width: 30px;
}

#col_image {
    width: 70px;
}

#col_image_info,
#col_image_name {
    width: 13%;
}

.wpms-text-action {
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    color: #0f2c3b;
    opacity: 0.8;
}

.bulk-msg {
    display: none;
    color: #5f879b;
    line-height: 39px;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 10px;
}

.bulk-msg a {
    text-decoration: underline;
    color: #5f879b !important;
}

.wpms_scan {
    background-color: #21759b !important;
    position: relative;
    border-radius: 4px;
    margin-right: 5px;
}

.wpms_scan.scaning {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: 0;
}

.wpms_scan .wpms_process {
    display: none;
    background: linear-gradient(to right, #21759b, #3496c4);
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    color: #fff !important;
    padding: 13px 0 !important;
    border-radius: 4px;
}

.custom-bulk-content-b {
    position: relative;
    width: 100%;
    float: left;
    height: 45px;
    margin-bottom: 8px;
}

/* .wp-list-table.metaseo_categories .custom-bulk-content-b {
} */

.custom-bulk-metaseo-metatitle,
.custom-bulk-metaseo-metadesc{
    opacity: 1 !important;
    border: 1px solid #CCC !important;
}
.custom-bulk-metaseo-metatitle:hover {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: 2px solid transparent;
}


.custom-bulk-metaseo-metatitle::placeholder,
.custom-bulk-metaseo-metadesc::placeholder {
    opacity: 0.5;
}

.custom-bulk-metaseo-metatitle,
.wp-meta-seo_page_metaseo_content_meta .row-actions a {
    color: #21759b !important;
}

.custom-bulk-metaseo-metadesc {
    height: auto;
    padding-right: 68px !important;
    padding-left: 10px;
    font-weight: normal !important;
}


.content-b {
    position: relative;
    width: 100%;
    float: left;
    height: 150px;
}

.metaseo-img-meta:not(.metaseo-img-name) {
    width: 100%;
    resize: none;
    height: 70px;
    overflow: auto;
    padding: 5px;
}

.wpms-msg-success {
    color: #24831d;
    display: none;
    line-height: 30px;
    margin-left: 10px;
}

.wpms-msg-error {
    color: #f00;
    display: none;
    line-height: 30px;
    margin-left: 10px;
}

#col_link_title {
    width: 25%;
}

.wp-meta-seo_page_metaseo_broken_link .wpms_link_html .link_html,
.wp-meta-seo_page_metaseo_broken_link .wpms_link_html a {
    font-size : 13px
}

.wp-meta-seo_page_metaseo_broken_link .wpms-form-table .wp-list-table tbody > tr td {
    padding: 13px 10px;
}


.wpms-mouseover-frame {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: 2px solid transparent;
}


@media screen and (max-width: 782px) {
    #col_image_name, .col_image_name.column-col_image_name,
    #col_image_title, .col_image_title.column-col_image_title,
    #col_image_alternative, .col_image_alternative.column-col_image_alternative,
    #col_image_legend, .col_image_legend.column-col_image_legend,
    #col_image_desc, .col_image_desc.column-col_image_desc,
    .column-col_image_name,
    .column-col_image_title,
    .column-col_image_alternative,
    .column-col_image_legend,
    .column-col_image_desc,
    .wp-meta-seo_page_metaseo_link_meta #post_id, .wp-meta-seo_page_metaseo_link_meta .column-post_id,
    .wp-meta-seo_page_metaseo_link_meta #col_link_title, .wp-meta-seo_page_metaseo_link_meta .column-col_link_title,
    .wp-meta-seo_page_metaseo_link_meta #col_link_label, .wp-meta-seo_page_metaseo_link_meta .column-col_link_label,
    .wp-meta-seo_page_metaseo_link_meta #col_follow, .wp-meta-seo_page_metaseo_link_meta .column-col_follow,
    .wp-meta-seo_page_metaseo_link_meta tbody td {
        display: none !important;
    }

    .metaseo_images tbody .check-column,
    .metaseo_images tbody .wpms_link_html {
        display: table-cell !important;
    }

    .metaseo_images td {
        display: table-cell !important;
    }

    .metaseo_images th {
        width: 100px !important;
    }
}

.metaseo_images .wpmsbtn {
    border-radius: 4px;
}
.metaseo_imgs_per_page.screen-per-page {
    width: 4.5em;
}
.flex-center-div {
    display: flex;
    justify-content: center;
}