.junkie-one-half { width: 48%; }
.junkie-one-third { width: 30.66%; }
.junkie-two-third { width: 65.33%; }
.junkie-one-fourth { width: 22%; }
.junkie-three-fourth { width: 74%; }
.junkie-one-fifth { width: 16.8%; }
.junkie-two-fifth { width: 37.6%; }
.junkie-three-fifth { width: 58.4%; }
.junkie-four-fifth { width: 79.2%; }
.junkie-one-sixth { width: 13.33%; }
.junkie-five-sixth { width: 82.67%; }
.junkie-one-half,
.junkie-one-third,
.junkie-two-third,
.junkie-three-fourth,
.junkie-one-fourth,
.junkie-one-fifth,
.junkie-two-fifth,
.junkie-three-fifth,
.junkie-four-fifth,
.junkie-one-sixth,
.junkie-five-sixth {
float: left;
margin-right: 4%;
margin-bottom: 2em;
position: relative;
}
.junkie-column-last {
clear: right;
margin-right: 0 !important;
} a.junkie-button,
a.junkie-button:visited {
background-color: #0c6fb1;
background-image: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
background-image:    -moz-linear-gradient(top, #14a7cf, #0c6fb1);
background-image: 		  linear-gradient(top, #14a7cf, #0c6fb1);
border: 1px solid #0d507a !important;
-webkit-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
color: #ffffff !important;
cursor: pointer;
display: inline-block;
font-family: Helvetica, Arial, Sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1em;
margin: 0 0.1em 1.5em 0 !important;
outline: none;
padding: 7px 13px !important;
text-align: center;
text-decoration: none !important;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
vertical-align: middle;
}
a.junkie-button.square {
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
}
a.junkie-button.medium {
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 16px;
padding: 11px 16px !important;
}
a.junkie-button.large {
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 18px;
padding: 15px 20px !important;
}
a.junkie-button:hover { text-decoration: none; }
a.junkie-button:active {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
position: relative;
top: 1px;
}
a.junkie-button.green {
background-color: #7fc33c;
background-image: -webkit-linear-gradient(top, #b1d960, #7fc33c);
background-image:    -moz-linear-gradient(top, #b1d960, #7fc33c);
background-image: 		  linear-gradient(top, #b1d960, #7fc33c);
border-color: #69963b !important;
}
a.junkie-button.green:hover {
background-color: #8dd242;
background-image: -webkit-linear-gradient(top, #b9e46a, #8dd242);
background-image:    -moz-linear-gradient(top, #b9e46a, #8dd242);
background-image:         linear-gradient(top, #b9e46a, #8dd242);
}
a.junkie-button.light-blue {
background-color: #2caada;
background-image: -webkit-linear-gradient(top, #46cae8, #2caada);
background-image:    -moz-linear-gradient(top, #46cae8, #2caada);
background-image:         linear-gradient(top, #46cae8, #2caada);
border-color: #2681a2 !important;
}
a.junkie-button.light-blue:hover {
background-color: #32bcef;
background-image: -webkit-linear-gradient(top, #50d6f5, #32bcef);
background-image:    -moz-linear-gradient(top, #50d6f5, #32bcef);
background-image:         linear-gradient(top, #50d6f5, #32bcef);
}
a.junkie-button.blue {
background-color: #0c6fb1;
background-image: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
background-image:    -moz-linear-gradient(top, #14a7cf, #0c6fb1);
background-image:         linear-gradient(top, #14a7cf, #0c6fb1);
border-color: #0d507a !important;
}
a.junkie-button.blue:hover {
background-color: #1188d6;
background-image: -webkit-linear-gradient(top, #1bb6e6, #1188d6);
background-image:    -moz-linear-gradient(top, #1bb6e6, #1188d6);
background-image:         linear-gradient(top, #1bb6e6, #1188d6);
}
a.junkie-button.red {
background-color: #e3514a;
background-image: -webkit-linear-gradient(top, #ed8376, #e3514a);
background-image:    -moz-linear-gradient(top, #ed8376, #e3514a);
background-image:         linear-gradient(top, #ed8376, #e3514a);
border-color: #ab4b44 !important;
}
a.junkie-button.red:hover {
background-color: #ff5e56;
background-image: -webkit-linear-gradient(top, #ff988c, #ff5e56);
background-image:    -moz-linear-gradient(top, #ff988c, #ff5e56);
background-image:         linear-gradient(top, #ff988c, #ff5e56);
}
a.junkie-button.orange {
background-color: #ffb031;
background-image: -webkit-linear-gradient(top, #ffce4f, #ffb031);
background-image:    -moz-linear-gradient(top, #ffce4f, #ffb031);
background-image:         linear-gradient(top, #ffce4f, #ffb031);
border-color: #dc9014 !important;
}
a.junkie-button.orange:hover {
background-color: #ffc531;
background-image: -webkit-linear-gradient(top, #ffdb4f, #ffc531);
background-image:    -moz-linear-gradient(top, #ffdb4f, #ffc531);
background-image:         linear-gradient(top, #ffdb4f, #ffc531);
}
a.junkie-button.purple {
background-color: #d17ac6;
background-image: -webkit-linear-gradient(top, #e3acdc, #d17ac6);
background-image:    -moz-linear-gradient(top, #e3acdc, #d17ac6);
background-image:         linear-gradient(top, #e3acdc, #d17ac6);
border-color: #996192 !important;
}
a.junkie-button.purple:hover {
background-color: #eb90e0;
background-image: -webkit-linear-gradient(top, #f3baec, #eb90e0);
background-image:    -moz-linear-gradient(top, #f3baec, #eb90e0);
background-image:         linear-gradient(top, #f3baec, #eb90e0);
}
a.junkie-button.grey {
background-color: #e5e5e5;
background-image: -webkit-linear-gradient(top, #efefef, #e5e5e5);
background-image:    -moz-linear-gradient(top, #efefef, #e5e5e5);
background-image:         linear-gradient(top, #efefef, #e5e5e5);
border-color: #acacac !important;
color: #555555 !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
a.junkie-button.grey:hover {
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6);
background-image:    -moz-linear-gradient(top, #fcfcfc, #f6f6f6);
background-image:         linear-gradient(top, #fcfcfc, #f6f6f6);
}
a.junkie-button.black {
background-color: #444444;
background-image: -webkit-linear-gradient(top, #6c6c6c, #444444);
background-image:    -moz-linear-gradient(top, #6c6c6c, #444444);
background-image:         linear-gradient(top, #6c6c6c, #444444);
border-color: #323232 !important;
}
a.junkie-button.black:hover {
background-color: #575757;
background-image: -webkit-linear-gradient(top, #8d8d8d, #575757);
background-image:    -moz-linear-gradient(top, #8d8d8d, #575757);
background-image:         linear-gradient(top, #8d8d8d, #575757);
} .junkie-alert {
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
line-height: 1.6em;
margin: 0 0 1.5em 0;
padding: 0.8em;
}
.junkie-alert.white {
background: #fff;
border: 1px solid #dfdfdf;
color: #373737;
}
.junkie-alert.red {
background: #ffe6e3;
border: 1px solid #f2c3bf;
color: #bf210e;
}
.junkie-alert.yellow {
background: #fff7d6;
border: 1px solid #e9d477;
color: #956433;
}
.junkie-alert.green {
background: #edfdd3;
border: 1px solid #c4dba0;
color: #657e3c;
}
.junkie-alert.grey {
background: #fbfbfb;
border: 1px solid #dfdfdf;
color: #373737;
} .junkie-tabs.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
.junkie-tabs {
background: none;
margin: 0 0 2em 0;
}
.junkie-tabs .junkie-nav {
background: none;
border: 0;
float: none;
list-style: none !important;
margin: 0 !important;
padding: 0;
}
.junkie-tabs .junkie-nav li {
float: left;
list-style: none !important;
margin: 0 2px -1px 0 !important;
position: relative;
z-index: 10;
}
.junkie-tabs .junkie-nav li a {
background: #FBFBFB;
border: 1px solid #dfdfdf !important;
border-bottom: none !important;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
color: #373737 !important;
display: block;
height: 26px;
margin: 0 !important;
overflow: hidden;
padding: 5px 10px 0 10px;
text-decoration: none;
}
.junkie-tabs .junkie-nav li a:hover {
background: #fff!important;
margin: 0!important;
}
.junkie-tabs .junkie-nav .ui-tabs-selected a,
.junkie-tabs .junkie-nav .ui-tabs-active a {
background: #fff;
height: 27px;
}
.junkie-tabs .junkie-tab {
background: #fff;
border: 1px solid #dfdfdf;
padding: 10px;
} .junkie-toggle { margin: 0 0 2em 0; }
.junkie-toggle + .junkie-toggle { margin-top: -1.75em; }
.junkie-toggle .junkie-toggle-title {
background: #FBFBFB;
border: 1px solid #dfdfdf;
cursor: pointer;
display: block;
outline: none;
padding: 10px 10px 10px 30px;
position: relative;
}
.junkie-toggle .junkie-toggle-title:hover { border: 1px solid #c5c5c5; }
.junkie-toggle-inner {
background: #fff;
border: 1px solid #dfdfdf;
border-top: none;
padding: 10px;
}
.junkie-toggle span.ui-icon {
background: url(//www.kozanilife.gr/wp-content/plugins/theme-junkie-shortcodes/assets/img/toggle-closed.png) no-repeat;
height: 12px;
margin: -6px 0 0 0;
position: absolute;
top: 50%;
left: 10px;
width: 12px;
}
.junkie-toggle .ui-state-active .ui-icon { background: url(//www.kozanilife.gr/wp-content/plugins/theme-junkie-shortcodes/assets/img/toggle-open.png) no-repeat; } .junkie-dropcap {
float: left;
font-size: 58px;
line-height: 54px;
padding-right: 10px;
} .junkie-hightlights {
display: inline;
padding: 0 0.2em 0 0.25em;
}
.junkie-hightlights.red {
background: #ffe6e3;
}
.junkie-hightlights.yellow {
background: #fff7d6;
}
.junkie-hightlights.green {
background: #edfdd3;
}
.junkie-hightlights.grey {
background: #ddd;
}
.junkie-hightlights.blue {
background: #68b5e8;
} .junkie-clearfix:before,
.junkie-clearfix:after { content:""; display:table; }
.junkie-clearfix:after { clear: both; }
.junkie-clearfix { zoom:1; }#wpfront-scroll-top-container{display:none;position:fixed;cursor:pointer;z-index:9999}#wpfront-scroll-top-container div.text-holder{padding:3px 10px;border-radius:3px;-webkit-border-radius:3px;-webkit-box-shadow:4px 4px 5px 0 rgba(50,50,50,0.5);-moz-box-shadow:4px 4px 5px 0 rgba(50,50,50,0.5);box-shadow:4px 4px 5px 0 rgba(50,50,50,0.5)}#wpfront-scroll-top-container a{outline-style:none;box-shadow:none;text-decoration:none}.b_container { 
margin: 0px auto;
overflow: hidden;
position: relative;
display:block;
width: 100%;
text-align:left;
line-height:1;
height: 10000px; }
.b_container.lded .rotate_handle {
display:none;
}
.b_container .image {
}
.b_container .layer {
position:absolute;
min-width:10px;
min-height:1px;
margin:auto; }
.b_container .layer.left {
left:0;
}
.b_container .layer.right {
right:0;
}
.b_container .layer.center {
left:0;
right:0;
}
.b_container .layer.top {
top:0;
}
.b_container .layer.bottom {
bottom:0;
}
.b_container .layer.middle {
top:0;
bottom:0;
}
.b_container .image img {
width:100%;
height:auto;
}
.b_container .text {
font-size:14px;
line-height:1;
}
.b_container .shape,
.wppas .shape {
width:100%;
height:100%;
min-width:10px;
min-height:1px;
}
.b_container .shape .shape { }
.b_container .shape .border,
.wppas .shape .border {
background-color:transparent;
border:solid 1px #000;
}
.b_container .shape.circle,
.wppas .shape.circle {
border-radius: 50%;
}
.b_container .shape.triangle {
width: 0 !important;
height: 0 !important;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #000;
background-color:transparent;
}
.b_container svg {
max-height:100%;
max-width:100%;
} .wppas .btn,
.wppas .prbtn,
.layer .btn,
.btn_creator_preview .btn {
display:table;
position:relative;
vertical-align: top;
cursor:pointer;
padding:0;
line-height: 13px; 
font-size: 13px;
background-color:rgba(0, 0, 0, 0.74902);
color:#FFFFFF;
width:100%;
height:100%;
}
.predefined_buttons_cont {
padding:20px 0;
}
.predefined_buttons_cont .prbtn {
margin: 0 10px 10px 0;
display: inline-block;
padding: 8px 15px;
}
.btn_creator_preview .btn {
padding: 8px 15px;
display: inline-block;
width:inherit;
height:inherit;
}
.wppas .btn .btn_content,
.wppas .prbtn .btn_content,
.layer .btn .btn_content,
.b_container .layer .btn .btn_content {
width: 100%;
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center; }
.predefined_buttons_cont .prbtn {
width:inherit;
}
.btn_creator_preview .btn {
display:inline-block;	
}
.wppas_close_bn{
position: absolute;
top: 0;
line-height:1;
background-color: #000;
color: #FFF;
padding: 5px;
font-size: 10px;
text-decoration: none;
cursor: pointer;
z-index: 99999999;
} .bs_order_form {
}
.bs_order_form .bs_userinfo {
}
#wppas_visual_bc_container .bs_userinfo .input_container input {
margin-bottom:0;
} #wppas_visual_bc_container .bs_banner_creator .input_container .wppas_switch_btn {
margin-bottom:0 !important;
}
#wppas_visual_bc_container .bs_banner_creator .input_container .switch-button-background {
margin:0 5px 0 0;	
}
.bs_order_header {
border-bottom:solid 1px #EFEFEF;
margin-bottom:20px;
line-height: initial;	
}
.bs_payment_container {
display:none;
}
.bs_confirmation_notice {
color: #F16051;
}
.improve_note {
background-color: #ffffc7;
margin: 0 0 0 10px;
padding: 2px 10px;
font-size: 12px;
border-radius: 3px;
border: solid 1px #fbf783;
cursor: pointer;
}
.improve_note:before, .improve_pos_title:before {
content:"\f0a6";
font-family:FontAwesome;
margin: 0 10px 0 0;
}
.pos_offers .offer {
margin:10px 0;
list-style:none;
}
.pos_offers .pos_offer {
padding: 2px 5px;
border-radius: 5px;
font-weight:bold;
}
.pos_offers .gold {
background-color: #ffd700;
}
.pos_offers .silver {
background-color: #dcdcdc;
}
.pos_offers .bronze {
background-color:#e6b578;
}
.get_pos_offer {
cursor:pointer;
text-decoration:none;
color:#252525;
}
.get_pos_offer:hover .pos_offer {
color:#FFFFFF;
}
.bs_available_zones {
line-height: initial;
background-color:#F1F1F1;
color:#505050;
padding: 10px;
border-radius: 3px;
margin: 20px 0;
}
.bs_available_zones h1.title,
.bs_order_header h1.title {
font-size: 20px;
margin: 0 0 10px;
font-weight: normal;
line-height: initial;
height: initial;
padding: 0;
color:#6b6b6b;
}
.bs_available_zones ul.bs {
list-style: none;
margin: 0;
padding: 0;
}
.bs_available_zones ul li.order {
margin: 0;
background-color: #FFF;
border: solid 1px #e8e8e8;
border-top:none;
}
.bs_available_zones ul li.order:first-child {
border-top: solid 1px #e8e8e8;
}
.bs_available_zones ul li a.box {
display: block;
text-decoration:none;
padding: 10px;
cursor:pointer;
background-color:#ffffff;
}
.bs_available_zones ul li a.box:hover {
background-color:#ffffea;
}
.bs_available_zones ul li.order .edit_banner:before {
font-family: fontawesome;
content:"\f040";
margin-right: 10px;
}
.bs_available_zones ul li.order .edit_banner, 
.bs_available_zones ul li.order .reactivate_banner {
background-color:#EFEFEF;
padding:5px;
color: #999;
text-decoration: none;
font-size: 13px;
border-radius: 3px;
cursor: pointer;
}
.bs_available_zones ul li.order .reactivate_banner {
background-color:#abdb6d;
color:#FFF;
}
.bs_available_zones ul li.order .edit_banner:hover {
background-color:#424242;
color:#FFF;	
}
.bs_available_zones ul li.order .reactivate_banner:hover {
background-color:#9dc36c;
}
.bs_fq_inf {
line-height: initial;
padding: 0px 2%;
}
.bs_fq_inf:before {
color:#dedede;
font-size: 20px;
position: relative;
top: 20px;
font-family: fontawesome;
}
.bs_fq_inf.rotation:before {
content: '\f021';
}
.bs_fq_inf.adblockers:before {
content: '\f132';
}
.bs_fq_inf span.title,
.bs_fq_inf span.desc {
display: block;
margin: 0 0 2px 0;
padding: 0 0 0 30px;
font-size: 12px;
}
.bs_fq_inf span.title {
font-weight: bold;
}
.wppas_purchases li.order {
position:relative;
font-size:11px; 
border-bottom:solid 1px #EFEFEF;
}
.wppas_purchases a.remove {
display:none;
position: absolute;
top: 0;
right: 0;
padding: 0 5px;
border-radius: 3px;
cursor: pointer;
background-color: #ff9393;
color: #FFF;
}
.wppas_purchases .order:hover a.remove {
display: block;
}
.wppas_purchases .status,
.wppas .status {
padding: 0 5px;
margin-right: 5px;
font-size: 11px;
border-radius: 5px;
display:inline-block;
}
.wppas_purchases .status.draft,
.wppas .status.draft {
background-color:#ffeca8;
}
.wppas_purchases .status.in-progress,
.wppas .status.in-progress {
background-color:#e4e4e4;
}
.wppas_purchases .status.active, 
.wppas .status.active{background-color:#abdb6d;}
.wppas_purchases .status.expired, 
.wppas_purchases .status.trash,
.wppas .status.expired,
.wppas .status.trash {
background-color:#ffdada;
}
.wppas_purchases .status.abandoned,
.wppas .status.abandoned {
background-color:#b9b9b9;
color:#FFFFFF;
}
.wppas_purchases .status.renewed,
.wppas .status.renewed {
border: solid 1px #e2e2e2;
}
.wppas .status.soldout {
background-color:#FF6801;
color:#FFF;
}
.wppas .status.available {
background-color:#abdb6d;
color:#FFF;
}
.wppas_purchases .paid,
.wppas .status.paid {
color: #abdb6d;
font-weight: bold;
} .wppas-modal {
overflow-x: hidden;
overflow-y: auto;
}
.wppas-modal.fullpage {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9991;
}
.wppas-modal .wppas-modal-content {
border-radius: 0;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
min-height: 100%;
padding: 100px 0;
text-align: center;
position: relative;
background-color: #fff;
}
.wppas-modal .wppas-close-modal {
position: absolute;
width: 75px;
height: 75px;
background-color: transparent;
top: 25px;
right: 25px;
cursor: pointer;
z-index: 9993;
}
.wppas-modal .wppas-close-modal:hover {
opacity: .3;
}
.wppas-modal .wppas-close-modal .lr {
height: 75px;
position:absolute;
width: 1px;
margin-left: 35px;
background-color: #2C3E50;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: 9992;
}
.wppas-modal .wppas-close-modal .lr .rl {
height: 75px;
width: 1px;
background-color: #2C3E50;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
z-index: 9992;
}