/* LOGIN */
.tmp_login_show_button { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.tmp_login_show_button a { display: inline-block; background: var(--main-color); color: #fff; padding: 10px 20px 10px 20px; font-size: 14px; text-decoration: none; border-radius: 3px; }  
.tmp_login_show_button a:hover { background-color: #fac59d; color: var(--main-color); }

#form_login_cover { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: url('../img/bg-90.png'); z-index: 1000; }
#form_login { background: #fefefe; padding: 30px 30px 30px 30px; max-width: 300px; margin: 0 auto; margin-top: 90px; border: solid 5px #fff; border-radius: 3px; }
#form_login input { box-sizing: border-box; width: 100%; font-size: 1.8em; padding: 15px; text-align: center; font-weight: 200; }
#form_login label { display: block; font-size: 1.4em; font-weight: 400; margin-bottom: 5px; }

#form_login_cover p { margin-bottom: 0px; padding-top: 15px;}

.form_login_logo { height: 30px; }
.form_zapomenute { padding-top: 30px; }

.form_head { margin-bottom: 30px; }
.form_line { margin-bottom: 15px; }
.form_line input { border: solid 1px #ccc; border-radius: 3px; }
.form_line_submit input { color: #fff; background: var(--main-color); }
.form_line_submit input:hover { color: #fff; background: #444; cursor: pointer }

.alert { font-size: 1.8em; font-weight: 400; margin-bottom: 15px; padding: 15px; background: #ffd7c4; color: var(--main-oposite-color); border-radius: 3px; }

/* BIG FORM */
.tmp_dark_stripe_form {
    background: rgb(138,32,98);
    background: linear-gradient(130deg, rgba(138,32,98,1) 0%, rgba(72,16,55,1) 50%);
    padding: 90px 0px 90px 0px;
}

/* VIP MENU */
.form_order_menu a { color: #fff; display: inline-block; width: 50%; text-align: center; font-size: 2em; padding: 30px 15px 30px 15px; box-sizing: border-box; }
.form_order_menu a.fom_active { background-color: #fff; color: var(--main-color); border-radius: 3px 3px 0px 0px; text-decoration: none; }

@media only screen and (max-width: 960px) {
    .form_order_menu a {  font-size: 1.6em; }
}

.order_form { background: #fff; padding: 30px 30px 30px 30px; border-radius: 3px;}
.order_form_vips {border-radius: 0px 0px 3px 3px; }

.order_form_head h2, .order_form_head p { color: #fff; margin-bottom: 15px; }
.order_form_head h2 { margin-bottom: 5px; }

.form_order_line { margin-bottom: 15px; }


.form_order_line label, .spec_label { display: block; font-size: 1.6em; color: #741b54; margin-bottom: 5px; }
.form_ol_cover { padding: 5px 5px 5px 5px; border: solid 1px #444; border-radius: 3px; }
.form_ol_cover input { box-sizing: border-box; padding: 10px; font-size: 2em; color: #741b54 }

.input_tel_prefix { width: 20%; border-right: solid 1px #ccc;   }
.input_tel { width: 80%;  }

@media only screen and (max-width: 960px) {
    .input_tel_prefix { width: 40%; }
    .input_tel { width: 60%;  }
}

.form_ol_info { background: #eee; padding: 15px; font-size: 1.6em;  border-radius: 3px; }
.form_ol_info a { color: #741b54; }

.form_order_submit_line input { box-sizing: border-box; padding: 15px; font-size: 2em; background: #741b54; color: #fff;  border-radius: 3px; }

@media only screen and (min-width: 960px) {
    .form_order_submit_line input:hover { background: #444; cursor: pointer }
}

.form_order_only_card { margin-bottom: 30px;  font-size: 2em; color: #741b54; font-weight: 700;  }

@media only screen and (min-width: 960px) {
    .form_order_only_card { padding: 20px 0px 20px 0px; background: url('../img/bg-payment.png') center right no-repeat;  }
}

.form_pay_line { margin-bottom: 15px;}
/* util pro radioboxy */
input[type=radio] { display: none; }
input[type=radio] + label { padding: 14px 0px 14px 60px; cursor: pointer; display: block; width: 100%; box-sizing: border-box; background: url(../img/input-radio.png) 14px center no-repeat; font-size: 1.8em;  border: solid 1px #cecece; border-radius: 3px;   }
input[type=radio]:checked + label { background: url(../img/input-radio-checked.png) 14px center no-repeat;  border: solid 1px #21c700; color: #21c700; }

/* util pro radioboxy */
input[type=checkbox] { display: none; }
input[type=checkbox] + label { padding: 15px 0px 15px 60px; cursor: pointer; display: block; width: 100%; box-sizing: border-box; background: url(../img/input-radio.png) 15px center #f8f8f8 no-repeat; font-size: 1.8em;  }
input[type=checkbox]:hover  + label{ background-color: #fbe4d4; }
input[type=checkbox]:checked + label { background: url(../img/input-radio-checked.png) 15px center #e7f7da no-repeat;  color: #21c700; }

#checklist a { display: block; text-decoration: none; }
.checklist_link  { background: url(../img/input-radio.png) 15px center #f8f8f8 no-repeat; font-size: 1.8em; padding: 15px 15px 15px 60px; }
.checklist_link:hover { background-color: #fbe4d4; }
.checklist_link_active { background: url(../img/input-radio-checked.png) 15px center #e7f7da no-repeat;  color: #21c700; }

/* SMALL FORM */
#form_small { margin-bottom: 30px;}
.form_small_line {  margin-bottom: 15px; }
.form_small_line p {margin: 0px; padding: 5px 0px 0px 0px; font-size: 1.4em; }
.form_small_line label { display: block; font-size: 1.4em; margin-bottom: 5px; }
.form_small_line input { border: solid 1px #741b54; width:100%; font-size: 1.8em; padding: 15px; box-sizing: border-box; border-radius: 3px; }

.form_small_line_submit input { box-sizing: border-box; padding: 15px; font-size: 2em; background: #741b54; color: #fff;  border-radius: 3px; width:100%; }

@media only screen and (min-width: 960px) {
    .form_small_line_submit input:hover { background: #444; cursor: pointer }
}

.new_pass_red { color: #c00; }

.course_form_price { font-size: 2.4em; margin-bottom: 30px; padding-top: 15px; }
.course_form_price span, .course_form_price strong { display: block; }
.course_form_price span { float: left; }
.course_form_price strong { float: right;}

.voucher_code { letter-spacing: .2rem; text-transform: uppercase; }

.finish_heading_under { padding: var(--main-gap); margin-bottom: var(--main-gap); background: #fef5ee; }
.finish_heading_under p { margin: 0px;}