/**
 Copyright (c) 2016-2017 - Eighty / 20 Results by Wicked Strong Chicks. ALL RIGHTS RESERVED

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 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, see <http://www.gnu.org/licenses/>.
 **/

.div-table{
    display:table;
    width:100%;
/*    background-color:#eee; */
/*    border:1px solid  #666666; */
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
    display:table-row;
    width: 100%;
    clear:both;
}
.div-table-col{
    padding: 5px !important;
    text-align: center;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width: 33%;
    /* background-color:#ccc; */
}
.div-table-header {
    font-size: 1.1rem;
    font-weight: 700;
}
div.e20rsm-userlist-row.div-table-header {
    border-bottom: 2px solid #e5e5e5;
}
.e20rsm-user-list *,*:after,*:before {
/*    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
*/
    padding: 0;
    margin: 0;
}
.e20rsm-ckbox {
    margin: 0 auto;
    position: relative;
}
.e20rsm-ckbox label {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.e20rsm-ckbox input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.e20rsm-ckbox {
    width: 90px;
    height: 25px;
}
.e20rsm-ckbox label {
    display: block;
    width: 100%;
    height: 100%;
    /* background: #a5a39d; */
    border-radius: 40px;
    box-shadow:
            inset 0 3px 8px 1px rgba(0,0,0,0.2),
            0 1px 0 rgba(255,255,255,0.5);
}
.e20rsm-ckbox label:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -8px; right: -8px; bottom: -8px; left: -8px;
    border-radius: inherit;
/*    background: #ababab;
    background: -moz-linear-gradient(#f2f2f2, #ababab);
    background: -ms-linear-gradient(#f2f2f2, #ababab);
    background: -o-linear-gradient(#f2f2f2, #ababab);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ababab));
    background: -webkit-linear-gradient(#f2f2f2, #ababab);
    background: linear-gradient(#f2f2f2, #ababab);
    box-shadow: 0 0 10px rgba(0,0,0,0.3),
    0 1px 1px rgba(0,0,0,0.25);
    */
}
.e20rsm-ckbox label i {
    display: block;
    height: 100%;
    width: 60%;
    border-radius: inherit;
    background: silver;
    position: absolute;
    z-index: 2;
    right: 40%;
    top: 0;
    background: #b2ac9e;
    background: -moz-linear-gradient(#f7f2f6, #b2ac9e);
    background: -ms-linear-gradient(#f7f2f6, #b2ac9e);
    background: -o-linear-gradient(#f7f2f6, #b2ac9e);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#b2ac9e));
    background: -webkit-linear-gradient(#f7f2f6, #b2ac9e);
    background: linear-gradient(#f7f2f6, #b2ac9e);
    box-shadow:
            inset 0 1px 0 white,
            0 0 8px rgba(0,0,0,0.3),
            0 5px 5px rgba(0,0,0,0.2);
}
.e20rsm-ckbox input:checked ~ label {
    background: #9abb82;
}
.e20rsm-ckbox input:checked ~ label i {
    right: -1%;
}
.e20rsm-ckbox label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px; right: -1px; bottom: -1px; left: -1px;
    border-radius: inherit;
    background: #eee;
/*    background: -moz-linear-gradient(#e5e7e6, #eee);
    background: -ms-linear-gradient(#e5e7e6, #eee);
    background: -o-linear-gradient(#e5e7e6, #eee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e7e6), to(#eee));
    background: -webkit-linear-gradient(#e5e7e6, #eee);
    background: linear-gradient(#e5e7e6, #eee);
    box-shadow:
            0 1px 0 rgba(255,255,255,0.5);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
    filter: blur(1px); */
}
.e20rsm-ckbox label i:before {
    content: "no";
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    color: rgba(0,0,0,0.4);
    text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -50%;
}
.e20rsm-ckbox input:checked ~ label i:before {
    content: "yes";
    right: 105%;
    color: #FFF;
    text-shadow:
            0 1px 0 #afcb9b,
            0 -1px 0 #6b8659;
}
.e20rsm-usage-heading {
    border-bottom: 2px solid #e5e5e5;
}
#pmpro_account-sponsored .odd {
    background-color: #f5f5f5;
}
.pmpro_content_message {
    padding-bottom: 20px;
}