/*
 * Plugin Application.
 * Framework for Wordpress plugin.
 *
 * @category   Plugin Application
 * @package    <sub_package>6
 * @author     Vladimir Zubko <vozubko@gmail.com>
 * @copyright  ${YEAR} Vladimir Zubko
 * @license    https://www.gnu.org/licenses/gpl-2.0.txt
 * @version    1.0
 * @link       https://vauko.com
 * @since      File available since Release 1.0
 * @deprecated
 */

ul.reviews {
    list-style: none;
}

ul.reviews li {
    text-align: left;
}

ul.reviews li h2 {
    color: #287379;
    font-weight: bold;
    border-bottom: 4px solid #287379;
}

ul.reviews li .author_and_mark {
    padding: 10px 0;
}

ul.reviews li span.mark {
  //  float: right;
}

ul.reviews li span.mark:before {
    content: ' ';
    background-image: url(../img/star.png);
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
}

ul.reviews li span.mark_1:before {
    padding: 4px 12px;
}

ul.reviews li span.mark_2:before {
    padding: 4px 24px;
}

ul.reviews li span.mark_3:before {
    padding: 4px 36px;
}

ul.reviews li span.mark_4:before {
    padding: 4px 48px;
}

ul.reviews li span.mark_5:before {
    padding: 4px 60px;
}

.star span.mark:before {
    content: ' ';
    background-image: url(../img/star.png);
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
}

.star span.mark_icon {
    font-size: 13px;
    margin-left: 5px;
    padding: 5px 13px;
    background-image: url(../img/star.png);
    background-size: cover;
}

.star span.mark_5:before {
    padding: 4px 60px;
}

ul.reviews li .author {
    width: 100%;
  //  text-align: right;
    padding-top: 40px;
}

hr.reviews_bottom {
    margin: 0 20%;
    width: 60%;
    margin-bottom: 3em;
}



#tricep_toner_reviews .form_tabs.hidden{
    display:none;
}
#tricep_toner_reviews .invalid{
    border-color: red;
}
#tricep_toner_reviews #mark{
    display:none;
}
/*#tricep_toner_reviews .required:before{
content: '*';
color:red;
position: absolute;
margin-left: -20px;
}*/
#tricep_toner_reviews #mark ~ [data-input="mark"] span
{
    color:inherit;
}
#tricep_toner_reviews #mark ~ [data-input="mark"]{
    color: lightgrey;
}
#tricep_toner_reviews #mark ~ [data-input="mark"] span.yellow{
    color: #155b4e;
}
#tricep_toner_reviews #mark[data-value="1"] + div span:nth-child(1),
#tricep_toner_reviews #mark[data-value="2"] + div span:nth-child(-n+2),
#tricep_toner_reviews #mark[data-value="3"] + div span:nth-child(-n+3),
#tricep_toner_reviews #mark[data-value="4"] + div span:nth-child(-n+4),
#tricep_toner_reviews #mark[data-value="5"] + div span:nth-child(-n+5)
{
    color: #155b4e;
}

body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}
@media (max-width:990px){
    .modal-content{
        width: 80%;
    }
}
.modal_content{
    margin-top: 20px;
}
.modal_content textarea{
    width: 100%;
    margin: 10px 0;
}
.modal_content input{
    width: 100%;
    margin: 10px 0;
    padding: 10px;
}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* iOS fix cursor */
html.apple-ios.modal-open,
body.apple-ios.modal-open {
    position: absolute;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    width:100%;
}

#review_modal.apple-ios {
    position: absolute;
}

#tricep_toner_submit_4 {
    color: #000;
}

#tricep_toner_submit_4 ol {
    list-style: decimal;
}