.st-seomanager-wrapper {padding: 0 22px}

#stseo-rules-list {
    margin: 15px 0;
    padding: 15px 25px;
    background: #FFF;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}
#stseo-rules-list>li {padding: 10px 0; margin: 5px 0; border-bottom: 1px dashed #ccc; display: block;}
#stseo-rules-list>li a.link-dashed {font-size:18px; line-height: 24px;}
#stseo-rules-list>li>span.stseo-rule-exp {color:#888;}
#stseo-rules-list>li>span.stseo-rule-order {float:left; height: 40px; display: block; color: #ccc; font-size: 42px; line-height: 40px; padding: 0 5px; overflow: hidden; cursor: default;	 }

#stseo-rules-list>li.sortable-placeholder {border:2px dashed #ccc;}
#stseo-rules-list>li.expand a.link-dashed {color:#ccc; border-color:#ccc;}

.stseo-rule-item-info {display: none;}

#stseo-rules-list>li .stseo-rule-toggle {display: block; margin:0 10px 0 0; height: 40px; font-size: 40px; line-height: 40px; float: left; text-decoration: none;} 
#stseo-rules-list>li.on .stseo-rule-toggle {color:#090; text-shadow:0 0 3px #0f0;}
#stseo-rules-list>li.on .stseo-rule-toggle:hover {color:#ccc; text-shadow:0 0 5px #ccc;}
#stseo-rules-list>li.off .stseo-rule-toggle {color:#ccc;text-shadow:0 0 3px #ccc;}
#stseo-rules-list>li.off .stseo-rule-toggle:hover {color:#0f0;text-shadow:0 0 5px #0f0;}

#stseo-rules-list>li .stseo-rule-index {float:right; display: block; line-height: 38px; padding: 0 5px; text-decoration: none; font-size:24px;background: #aaa; color:#fff;}
#stseo-rules-list>li .stseo-rule-index:hover {background: #777; color:#eee;}

#stseo-rules-list>li .stseo-rule-index.power-1.index-on  {background: green}
#stseo-rules-list>li .stseo-rule-index.power-4.index-on  {background: green}
#stseo-rules-list>li .stseo-rule-index.power-2.index-on  {background: red}
#stseo-rules-list>li .stseo-rule-index.power-8.index-on  {background: red}

#stseo-rules-list>li .stseo-rule-index.index-on {background: green; color:#fff;}
#stseo-rules-list>li .stseo-rule-index.index-on:hover {background: #f55; color:#fff;}

#stseo-rules-list>li.seo-rule-blocked .stseo-rule-toggle {color:#aaa !important; text-shadow:0 0 5px #aaa !important;}

.stseo-rule-actions {height: 16px}
.stseo-rule-actions>li {float:left; height: 16px; margin: 0 3px 0 0}
.stseo-rule-actions>li a {color:#999; line-height: 16px; font-size: 11px}

.stseo-rule-item-info {margin: 10px 0; font-size:11px;}
.stseo-rule-item-info li {float: left; width:50%; padding: 0 0 10px 0}
.stseo-rule-item-info li h5 {font-weight: bold; padding: 0 0 5px; font-size:11px; color:#666; }
.stseo-rule-item-info li p {border: 1px solid #ddd; color:#999; padding: 5px; margin:0 10px 0 0;}

.stseo-rule-order-btn {background-color: #ccc; cursor: default;}
.stseo-rule-order-btn.active {background-color: #AECB06; cursor: pointer;}

.stseo-rule-import {width:100% !important;}


.text-about {
    display: table-footer-group;
}
.text-about .wraps .content-end-txt {
    margin: 0 0 20px;
    background: #1970A6;
    color: #D8F0F0;
    position: relative;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 11px;
    border-bottom: 2px solid #0A5685;
    overflow: hidden;
}
.text-about .wraps .content-end-txt:after {
    position: absolute;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    background: #1970A6;
    background: -moz-linear-gradient(top,  rgba(25,112,166,0) 0%, rgba(25,112,166,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,112,166,0)), color-stop(50%,rgba(25,112,166,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(25,112,166,0) 0%,rgba(25,112,166,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(25,112,166,0) 0%,rgba(25,112,166,1) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(25,112,166,0) 0%,rgba(25,112,166,1) 50%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(25,112,166,0) 0%,rgba(25,112,166,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001970a6', endColorstr='#1970a6',GradientType=0 ); /* IE6-9 */
}
.text-about .wraps h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
.text-about .wraps p {
    margin-bottom: 7px;
}

.main-content {
    display: table-row-group;
}

@media (min-width: 979px) {
    .main-content #wrapper {
        display: block!important;
    }
    .main-content #footer {
        display: block!important;
    }
    .main-content .copy-foot {
        display: block!important;
    }
}
@media (max-width: 979px) {
    .main-content #wrapper {
        display: block;
    }
    .main-content #footer {
        display: block;
    }
    .main-content .copy-foot {
        display: block;
    }

    .text-about {
        display: none;
    }

    .main-content {
        display: block;
    }
}


.content-begin-text {
    background: #E7E7E7;
    box-shadow: 0 1px 0 0 #FFF;
    margin: 0 10px 20px;
    padding: 10px 15px 13px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
}