/*
  License:

	Copyright 2014-2017 Eighty/20 Results by Wicked Strong Chicks (Thomas Sjolshagen <thomas@eighty20results.com>)
	Copyright 2013 Stranger Studios (jason@strangerstudios.com)

	This program is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License, version 2, as
	published by the Free Software Foundation.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program; if not, write to the Free Software
	Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

*/
.clear-after {
    zoom: 1;
}

.clear-after:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.e20r_sequence_list {
    list-style: none;
    margin: 1.5rem 0;
    border-top: 1px solid #EEE;
}

.e20r_sequence_list li {
    padding: .5rem 1rem;
    margin: 0;
    background: #F9F9F9;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
}

.e20r_sequence_list li:nth-child(odd) {
}

.e20r_sequence_list li:nth-child(event) {
}

.e20r_sequence_item-title {
    display: inline-block;
}

.e20r_sequence_item-title a {
    font-size: 1.1rem;
}

.e20r_sequence_item-available {
    display: inline-block;
    float: right;
    width: auto;
}

.e20r_sequence_item-unavailable {
    display: inline-block;
    float: right;
    max-width: 200px;
    font-style: italic;
    font-size: .9rem;
    padding: 6px 0;
    width: 30%;
}

#e20r_sequence_meta td {
    font-size: 0.8em !important;
}

.e20r-seq-centered {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

form.e20r-sequence br {
    display: none;
}

div#e20r-seq-error {
    height: 40px;
    display: none;
    color: #9C0000;
    font-weight: bold;
    font-size: 10pt;
}

.e20r-seq-btns {
    left: 20px;
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: 5px;
}

.e20r-sequence-label {
    vertical-align: bottom;
    width: 67px;
    overflow: hidden;
    font-size: 0.7rem;
}

.e20r-sequence-settings {
    float: left;
    display: flex;
}

.e20r-sequence-setting-col-1 {
    float: left;
    order: 1;
}

.e20r-sequence-setting-col-2 {
    float: left;
    order: 2;
}

.e20r-sequence-setting-col-3 {
    float: left;
    order: 3;
}

.sequence-list-dropdown,
.e20r_seq-memberof-sequences {
    max-width: 230px;
    min-width: 200px;
    max-height: 250px;
    min-height: 100px;
    width: 100%;
}

.e20r-seq-days {
    width: 50px;
}

.e20r-seq-date {
    width: 150px;
}

.e20r-sequence-status {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
    height: 18px;
    font-weight: bold;
    color: #3875d7;
}

#e20r-seq-showdelayas-status {
    width: 100px;
}

#e20r-seq-showdelayas {
    margin: 10px 0 0 0;
}

.e20r-seq-email-hl {
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: bold;
}

#e20r-seq-noticetimetz-status {
    color: #666666;
}

.e20r-seq-edit {
    position: absolute;
    right: 20px;
    display: inline-block;
}

/* #e20r-seq-edit-showdelayas,
#e20r-seq-edit-delay {
    position: relative;
    right: 2px;
    display: inline-block;
}*/
.widget-title {
    font-size: 24px;
    padding-bottom: 10px;
    color: #9C0000;
    /*    font-variant: small-caps; */
    /*    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; */
}

#e20r-seq-post-body-text {
    /*    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; */
    font-size: 10pt;
    color: #004CFF;
    line-height: 110%;
}

#e20r-seq-post-link {
    /*    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; */
    font-size: 10pt;
    color: #9C0000;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    /*    font-variant: small-caps; */
    line-height: 130%;
    text-decoration: underline;
}

#e20r-seq-post-link a {
    color: #9C0000 !important;
}

.cancel-e20rseq {
    position: relative;
    display: inline-block;
}

.e20r-seq-alert-hl {
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-wrap: none;
    /* color: #9C0000; */
}

#e20r_settings_save {
    float: right;
    right: 12px;
    display: inline-block;
}

input#e20r_sequence_excerpt {
    width: 170px;
}

.e20r_sequence_useroptin {
    border: 1px solid #c5c5c5;
    display: inline-block;
    width: 100%;
    min-width: 250px;
    text-align: center;
    margin: 0 auto;
    padding-top: 5px;
}

#e20r-seq-hr {
    width: 90%;
}

.seq_spinner {
    background: url('/wp-admin/images/wpspin_light.gif') no-repeat;
    background-size: 16px 16px;
    display: none;
    float: right;
    opacity: .7;
    filter: alpha(opacity=70);
    width: 16px;
    height: 16px;
    margin: 5px 5px 0;
}

table#newmeta td {
    vertical-align: middle !important;
}

.e20r_sequence_postscroll {
    width: 100%;
    display: inline-block;
}

.e20r_sequence_postscroll thead {
    display: table;
    float: left;
    width: 100%;
}

.e20r_sequence_postscroll thead tr {
    display: table-row;
    /* text-align: left; */
    width: 100%;
}

.e20r_sequence_postscroll tbody {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    display: block;
    float: left;
    width: 100%;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.e20r_sequence_tblPostname {
    min-width: 100px;
    max-width: 50%;
    width: 50%;
    padding: 8px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.e20r_sequence_postscroll tbody tr {
    display: table;
    width: 100%;
}

.e20r_sequence_postscroll tbody td {
    text-align: left;
}

.e20r_sequence_postscroll a {
    text-align: left;
}

.e20r_sequence_postscroll tr:after {
    content: ".";
    visibility: hidden;
}

/* =Index pagination
----------------------------------------------- */
/* The containing box with a nice white background */
.paging-navigation {
    /*    font-family: sans-serif; */
    padding: 1em;
    background: #fff;
    background: hsl(0, 0%, 100%);
    text-align: center;
}

/* Remove bullets and list indentation */
.paging-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Make the list items appear horizontally */
.paging-navigation li {
    display: inline;
}

/* Give each link and the current item some padding to make them easy to click */
a.page-numbers,
span.page-numbers {
    padding: .3em .7em;
    color: #333;
    color: hsl(0, 0%, 20%);
}

/* Link hover state */
a:hover.page-numbers {
    color: #333;
    color: hsl(0, 0%, 20%);
}

/* Current page bold and dark */
.paging-navigation .current {
    font-weight: bold;
    color: #333;
    color: hsl(0, 0%, 20%);
}

#e20r-seq-post-list {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    height: 350px;
    border: 2px dashed #9C0000;
}

.e20r-seq-post-img {
    width: 60px;
    vertical-align: middle;
}

.e20r-seq-post-fade {
    width: 440px;
    opacity: 0.5;
    /* text-align: left; */
    /* display: inline; */
    /* float: left; */
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    vertical-align: middle;
}

.e20r-seq-post-fade:hover {
    /* opacity: 1; */
    /* text-align: left; */
    /* display: inline; */
    /* float: left; */
    font-weight: bold;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: opacity 1;
}

.e20r_seq_linklist {
    padding: 5px 0px 5px 0px;
    margin: 0px;
    text-align: left;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style: disc !important;
}

.e20r_seq_linklist td {
    border: none;
}

#e20r-seq-selected-post {
    height: 52px;
    background-color: rgba(0, 204, 0, 0.5);
}

#e20r-seq-post {
    height: 52px;
}

#e20r-seq-post:hover {
    background: #f5f5f5;
    width: 100%;
}

.e20r-seq-post-hl {
    vertical-align: middle;
    width: 440px;
}

#e20r-seq-post-future-hl {
    border-bottom: 2pt dashed rgba(0, 204, 0, 0.5);
    border-top: 2pt dashed rgba(0, 204, 0, 0.5);
}

.notice-warning {
    border-left: 4px solid orange;
    background: #fff;
    /* border-left: 4px solid #fff; */
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    margin: 5px 15px 2px;
    padding: 1px 12px;
}
#e20r-seq-post-summary {
    max-height: 150px;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
}

#e20r-seq-post-header h2 {
    text-align: left;
}

#e20r-seq-post-body {
    text-align: left;
    padding: 0px 10px 0px 10px;
}

#e20r-seq-post-body p {
    padding-top: 5px;
}

#e20r-seq-post-notfound {
    color: #9C0000;
    text-align: center;
}

.e20r-seq-when {
    font-size: 0.75em;
}

#e20r-seq-widget-recentpost-title {
    font-size: 180%;
    color: #9C0000;
    font-weight: bold;
    /*    font-variant: small-caps; */
    line-height: 130%;
}

div.e20r-sequence-settings-row {
    display: inline-block;
}

div.e20r-sequence-full-row {
    width: 100%;
}

div.e20r-sequence-settings-display {
    display: block;
}

div.e20r-sequence-settings-display .e20r-sequence-setting-col-3 {

}

.e20r-sequence-hidden {
    display: none;
}

.e20r-sequence-setting-col-2 strong {
    padding-left: 10px;
}

.e20r-sequence-float-right {
    float: right;
    margin-bottom: 5px;
    margin-top: 10px;
}

.e20r-sequence-float-left {
    float: left;
    margin-bottom: 5px;
    margin-top: 10px;
}

.e20r-meta-table {
    display: table;
    width: 100%;
    background-color: #d5d5d5;
}

.e20r-table-head {
    display: table-caption;
    text-align: center;
    font-weight: 700;
    font-size: larger;
    padding: 5px;
    background-color: #d5d5d5;
}

.e20r-table-body {
    padding: 5px;
}

.e20r-meta-table .row {
    display: table-row;
}

.e20r-meta-table .heading {
    font-weight: bold;
    text-align: center;
    display: table-row;
}

.e20r-meta-table .cell {
    display: table-cell;
    padding: 0 5px 0 5px;
    vertical-align: top;
}

.e20r-meta-table-col-1 {
    width: 60%;
    max-width: 400px;
    min-width: 250px;
}

.e20r-meta-table-col-2 {
    width: 25%;
    max-width: 200px;
    min-width: 100px;
}

.table_newmeta.e20r-meta-table-col-2.cell input[type="text"] {
    width: 100%;
}

.e20r-meta-table-col-3 {
    width: 15%;
    max-width: 100px;
    min-width: 75px;
}

.table_newmeta .e20r-empty {
    width: 100px;
    min-width: 75px;
    max-width: 100px;
}

.table_newmeta.e20r-meta-table-col-3 a.button {
    text-align: right;
}

.table_newmeta .select2-container {
    width: 100%;
}

th#e20r_sequence_delaylabel,
td.e20r_sequence_tblNumber {
    max-width: 0;
    width: 20%;
    min-width: 75px;
    /* text-align: center; */
    /* padding: 8px 20px !important; */
    overflow: hidden;
}

td.e20r_sequence_tblPostname,
th.e20r_sequence_titlelabel {
    min-width: 100px;
    max-width: 0;
    width: 40%;
    text-align: center;
    /* padding: 8px 10px 8px 0; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

th.e20r_sequence_orderlabel,
td.e20r_sequence_tblOrder {
    max-width: 0;
    width: 75px;
    min-width: 75px;
    /* padding: 8px 10px 8px 10px!important; */
}

th.e20r_edit_label_big {
    max-width: 100px;
    /* min-width: 75px; */
    width: 10%;
    white-space: nowrap;
}

th.e20r_edit_label_small {
    max-width: 100px;
    /* min-width: 50px; */
    width: 5%;

}

th.e20r_sequence_idlabel,
td.e20r_sequence_tblPostId {
    min-width: 75px;
    width: 10%;
    max-width: 100%;
    padding: 8px 10px 8px 0;
    text-align: center;
}

table#e20r_sequencetable tbody tr:nth-of-type(2n) {
    background-color: #f0f0f0;
}

table#e20r_sequencetable th {
    background-color: #d5d5d5;
    font-weight: bold;
    color: #333;
}

table#e20r_sequencetable tbody tr td:nth-of-type(1) {
    font-weight: bold;
}

table#e20r_sequencetable thead th {
    font-size: 0.8rem !important;
}

@media screen and (max-width: 600px) {
    table#e20r_sequencetable {
        width: 100%;
    }

    table#e20r_sequencetable thead {
        width: 100%;
    }

    tr:nth-of-type(2n) {
        background-color: inherit;
    }

    tr td:first-child {
        background: #f0f0f0;
        font-weight: bold;
        font-size: 1.3em;
    }

    tbody td {
        display: block;
        text-align: center;
    }

    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: center;
    }
}