/* Plugin Container - START */

aside { display: none; }

.beton-subs-container {
     
     display: block;

     width: auto;
     height: auto;

     margin: 0 0 0 0;
     padding: 0 0 0 0;

     text-align: center;

}

/* Plugin Container - END */



/* Plugin Header - STAR */

.beton-subs-container .subs-container-header {

    display: inline-block;

    width: auto;
    height: auto;

    margin: 10px 0 20px 0;
    padding: 0 0 0 0;

}

.subs-container-header .subs-container-header-t {

    display: table;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    font-family: Arial;
    font-size: 20px;
    color: #fff;

}

.subs-container-header-t .subs-container-header-r { display: table-row; }

.subs-container-header-t .subs-container-header-c { display: table-cell; text-align: left; vertical-align: top; }

/* Plugin Header - END */



/* Plugin CSS - START */

.plugin-beton-subs {
    
    display: block;
    
    width: auto;
    height: auto;
    
    margin: 0 0 20px 0;
    padding: 0 0 0 0;

    text-align: center;
    vertical-align: bottom;
}

.plugin-beton-subs .beton-subs {

    display: inline-block;
    float: left;

    width: 330px;
    height: auto;

    min-height: 540px;

    margin: 0 10px 10px 10px;
    padding: 0 0 0 0;

    border: 1px solid var(--header-color);
    background-color: #fff;

}

/* Box Header - START */

.beton-subs .subs-overlay {

    display: none;
    position: absolute;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.2);

    cursor: not-allowed;
    z-index: 2;
}

.subs-overlay .overlay-spinner {
    display: none;

    width: 60px;
    height: 60px;

    background: transparent url('../images/spinner-03.gif') no-repeat;
    background-size: cover;

}

.beton-subs .subs-header {

    display: block;

    width: auto;
    height: 210px;

    margin: 0 0 0 0;
    padding: 22px 35px 0 25px;

    background-color: var(--header-color);

    font-family: 'Open Sans', sans-serif, Arial;
    color: #fff;
    font-weight: 500;

    text-align: left;

}

.subs-header .subs-period {

    display: inline-block;

    width: auto;
    height: auto;

    min-height: 63px;

    margin: 0 0 0 0;
    padding: 32px 0 0 0;

    font-size: 25px;
    
}

.subs-period img { float: left; margin-right: 10px; margin-top: -31px; }


.subs-header .subs-timer {

    display: inline-block;
    float: right;

    width: auto;
    height: auto;

    margin: -15px -25px 0 0;
    padding: 0 0 0 20px;

    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #fff;

    background: Transparent url(../images/clock.png) 0px 0px no-repeat
}

.subs-header .subs-best-value {

    display: block;
    position: absolute;

    width: 85px;
    height: 85px;

    margin: -50px 0 0 200px;
    padding: 24px 0 0 0;

    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;

    line-height: 17px;
    text-align: center;

    background: Transparent url(../images/badge.png) 0px 0px no-repeat;
    background-size: cover;

    z-index: 1;

}

.subs-header .subs-amount {

    display: block;

    width: auto;
    height: auto;

    min-height: 63px;

    margin: 40px 0 0 0;
    padding: 0 0 0 0;

    font-size: 18px;
    
}

.subs-amount .amount-r,
.subs-amount .amount-d {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 2px 0;
    padding: 0 0 0 0;

}

.subs-amount .amount-title { float: left; }
.subs-amount .amount-value { float: right; font-weight: 600; }

.subs-amount .amount-r .amount-value { color: #6094dc; text-decoration:line-through; }

/* Box Header - END */


/* Box Description - START */

.beton-subs .subs-description {

    display: none;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 25px 25px 0 25px;

    background-color: #fff;

    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 14px;
    color: #000;
    font-weight: 500;

    text-align: left;

}

.subs-description .description-top {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 15px 0;
    padding: 10px 0 0 25px;

    color: #000;
    font-weight: 400;

}

.description-top ul li { position: relative; list-style-type: none; line-height: 20px; margin: 0 0 5px 0; }

.description-top ul li:before {
    position: absolute;

    content: " ";

    width: 18px;
    height: 18px;

    margin-top: 1px;
    left: -25px;

    background: transparent url('/Media/widgets/plugin-beton-subs/global/images/bullets/bullet-1.png') no-repeat;

}


.subs-description .description-bottom {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 10px 0 0 25px;

    color: #808080;
    font-weight: 400;

    border-top: 1px solid #cdcdcd;

}

.description-bottom ul li { position: relative; list-style-type: none; line-height: 20px; margin: 0 0 5px 0; }

.description-bottom ul li:before {
    position: absolute;

    content: " ";

    width: 18px;
    height: 18px;

    margin-top: 0px;
    left: -25px;

    background: transparent url('/Media/widgets/plugin-beton-subs/global/images/bullets/bullet-2.png') no-repeat;

}

/* Box Description - END */



/* Box Command - START */

.beton-subs .subs-command {

    display: none;
    position: absolute;

    width: 330px;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    text-align: center;
    z-index: 1;

}

.subs-command button {

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 5px 40px;

    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: 500;
    color: #fff;

    background-color: #FF8000;
    border-radius: 20px;

}

.subs-command button:disabled {
    background-color: #c4c0be;
    cursor: not-allowed;
    color: #e6e6e6;
}

/* Box Command - END */

/* Plugin CSS - END */