/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    }
    
    /* Style the buttons that are used to open the tab content */
    .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    }
    
    /* Change background color of buttons on hover */
    .tab button:hover {
    background-color: #ddd;
    }
    
    /* Create an active/current tablink class */
    .tab button.active {
    background-color: #ccc;
    }
    
    /* Style the tab content */
    .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    }
    
    #memberstbl {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    }
    
    #memberstbl td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    }
    
    #memberstbl tr:nth-child(even) {
    background-color: #dddddd;
    }
    .fiveup {width: 100%;margin:1%;}

.loyalty-add-new-condition {
    display: none;
}

.loycott-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    background: #626161;
    width: 15px;
    height: 15px;
    border-radius: 99px;
    margin-left: 10px;
    text-align: center;
    font-size: 9px;
    line-height: 15px;
    color: white;
    border: none;
}

/* Tooltip text */
.loycott-tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.loycott-tooltip:hover .tooltiptext {
    visibility: visible;
}

#save_condition.loading {
    opacity: 0.5;
    pointer-events: none;
}

#conditionstbl {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#conditionstbl td,
#conditionstbl th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

#conditionstbl tr:nth-child(even) {
    background-color: #dddddd;
}



#conditionstbl.loading {
    opacity: 0.5;
    pointer-events: none;
}


.toplevel_page_loycott-plugin-settings #wpcontent {
    background: #9053c7;
    background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
    background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
    background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
    background: linear-gradient(-135deg, #c850c0, #4158d0);
    height: 100%;
    min-height: 100vh;
}

.toplevel_page_loycott-plugin-settings .tab-content {
    margin-top: 0px;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    float: left;
    background: #9053c7;
    background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
    background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
    background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
    background: linear-gradient(-135deg, #c850c0, #4158d0);
}

.license-wrap-checker.valid:before {
    content: "\f12a";
    font-family: dashicons;
    font-size: 13px;
}

.license-wrap-checker.notvalid:before {
    content: "\f12a";
    font-family: dashicons;
    font-size: 13px;
}

.loycott-general-tab-wrapper {
    width: 100%;
    padding: 17px;
}

.loycott-license-tab-wrapper {
    background: white;
    padding: 21px;
    border-radius: 10px;
}

.loycott-business-tab-wrapper {
    background: white;
    padding: 21px;
    border-radius: 10px;
}

.loycott-conditions-tab-wrapper {
    background: white;
    padding: 21px;
    border-radius: 10px;
}

.loycott-customers-tab-wrapper {
    background: white;
    padding: 21px;
    border-radius: 10px;
}

.loycott-misc-tab-wrapper {
    background: white;
    padding: 21px;
    border-radius: 10px;
}

.license-wrap-checker.valid {
    background: #57b846;
    color: white;
    padding: 14px;
    font-size: 15px;
}

.license-wrap-checker.notvalid {
    background: #57b846;
    color: white;
    padding: 14px;
    font-size: 15px;
}

.loycott-info-message {
    background: #c2ffcd;
    padding: 18px;
    margin-bottom: 20px;
    width: 70%;
    border: 1px solid #00800040;
    border-top: 3px solid green;
}

a.button.button-light.complete-license {
    float: right;
    margin-top: -6px;
    line-height: 25px;
    /* justify-content: center; */
}

.license-wrap-checker.notvalid {
    background: #DD3334;
    color: white;
    padding: 14px;
    font-size: 15px;
}

.toplevel_page_loycott-plugin-settings #wpfooter {
    display: none;
}


.toplevel_page_loycott-plugin-settings .nav-tab.nav-tab-active,
.toplevel_page_loycott-plugin-settings .nav-tab-active:focus,
.toplevel_page_loycott-plugin-settings .nav-tab-active:focus:active,
.toplevel_page_loycott-plugin-settings .nav-tab-active:hover {
    background: #57b846;
    color: white;
}

.toplevel_page_loycott-plugin-settings .nav-tab {
    border: none;
    background: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 17px;
}

.toplevel_page_loycott-plugin-settings input[type=text] {
    padding: 4px;
    background: #f7f7f7;
    border-radius: 14px;
    font-size: 19px;
    border: none;
    padding-left: 20px;

}

.toplevel_page_loycott-plugin-settings .nav-tab-wrapper {
    border-bottom: none;
}

.loycott-banner-card {
    width: 26%;
    float: left;
    height: auto;
    display: block;
    position: relativr;
    box-shadow: 0 0 11px 4px #a7a7a7;
    border-radius: 10px;
    margin: auto;
    transition: 0.3s;
    background: white;


}

.loycott-banner-card:hover {
    scale: 101%;
}

.loycott-general-licenses {
    width: 100%;
    margin: auto;
    text-align: center;
    justify-content: center;
    display: flex;
}

.toplevel_page_loycott-plugin-settings .wrap h1 {
    color: white;
}

.toplevel_page_loycott-plugin-settings .button,
.toplevel_page_loycott-plugin-settings .button:focus {
    background: #57b846;
    color: white;
    border-color: #57b846;
    box-shadow: none;
}

.toplevel_page_loycott-plugin-settings .button:hover {
    background: #57b846;
    color: white;
    border-color: #57b846;
    opacity: 0.5;
}

.toplevel_page_loycott-plugin-settings .button.button-danger {
    background: #dd3333;
    border-color: #dd3333;
}

.toplevel_page_loycott-plugin-settings .tab {
    background-color: #57b846;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.toplevel_page_loycott-plugin-settings .tab button {
    color: white;
}

.loycott-footer-manage-licenses {
    display: flex;
    flex-direction: row;
    margin-top: 50px;
    justify-content: center;
    margin: auto;
    margin-top: 100px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    padding: 17px;
    line-height: 29px;
    background: white;
    border-radius: 10px;
}

.loycott-footer-manage-licenses * {
    justify-content: center;
    text-align: center;
    margin: auto;
    display: flex;
    flex-direction: column;
}

#adminmenu .wp-menu-image img {
    padding: 0px !important;

}

.toplevel_page_loycott-plugin-settings .tab button:hover,
.toplevel_page_loycott-plugin-settings .tab button.active {
    background-color: white;
    color: black;
}