/* Nazwa */

.left {
    float:left;
}

ul.left {
    font-size: .9em;
    line-height: 1.8em;
    color: #666;
}

span.meal-font {
    font-size: 0.9em;
}

.set-hour {
    padding-top: 2px;
}

.surveys-name {
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 2em;
    border-bottom: 2px solid #b2b2b2;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-top: 30px;
    margin-top: 10px
}

.surveys-name span {
    padding: 8px 35px;
    color: #fff;
    background: dodgerblue;
}

.container.surveys {
    background: rgba(255, 255, 255, 0.9);
}

.container.surveys h2.subtitle {
    margin-bottom: 30px;
}

/* Kategorie z prawej */

.list-category {
    margin-top: 55px;
    list-style: none;
    padding: 0;
    border-top: 1px solid #e0e0e0;
}

.list-category li {
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 1em;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 10px;
}

.list-category li a {
    color: #6a6a6a;
}

.list-category li.select {
    background: dodgerblue;
}

.list-category li.select a {
    color: #fff;
    font-weight: bold;
}

/* Główny content */

.question {
    width: 49%;
    min-width: 260px;
    margin-bottom: 15px;
}

.question p {
    margin-bottom: 4px;
    max-width: 90%;
    font-weight: bold;
}

span.required {
    color: red;
    font-weight: bold;
}

.question ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.question label {
    font-weight: normal;
    display: block;
}

.question input[type="text"],
.question input[type="email"],
.question input[type="number"],
.question input[type="tel"],
.question input[type="date"] {
    width: 95%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    line-height: 24px
}

.question label.short input[type="text"],
.question label.short input[type="email"],
.question label.short input[type="number"],
.question label.short input[type="tel"],
.question label.short input[type="date"] {
    width: 100px;
}

.question textarea {
    width: 300px;
    height: 100px;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

fieldset.formset {
    margin: 10px 0;
}

.formset_time {
    margin-top: 20px;
}

.formset_time th {
    text-align: center;
    font-size: 0.9em;
}

.formset_time .inline2:nth-child(1) a.remove_element,
#all-training .training li:nth-child(2) a.remove_training {
    display: none;
}

.inline2 {
    position: relative;
    margin-bottom: 20px;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #eee;
}

.inline2 input {
    line-height: 24px
}

.inline2 .remove_element {
    position: absolute;
    top: 0;
    right: 5px;
}

.inline2 ul.errorlist {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 80px;
}

.inline2 ul.errorlist li {
    color: #9f000a;
    font-size: 0.8em;
}

.add_time, .add_time:hover {
    float: right;
    margin-bottom: 20px;
    padding: 5px 10px;
    color: #fff;
    background: dodgerblue;
}

.add_time:hover {
    text-decoration: underline;
}

.remove_element {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/remove-meal.png") top center no-repeat;
    padding: 1px 8px;
    margin-top: 32px;
    color: #fff;
    text-indent: -9999px;
}

.remove_element:hover {
    background-position: bottom center;
}

.formset_time .name label {
    line-height: 42px;
    margin-top: 14px;
    font-size: 14px;
}
.formset_time .select-days {
    /*margin-top: 25px;*/
    padding: 17px;
    padding-right: 50px;
}
.formset_time .fields {
    margin-bottom: 7px;
    /*border-bottom: 1px solid #eee;*/
}

.formset_time .col-xs-3 {
    text-align: center;
}

/* Nowy wygląd pytań */

.ques {
    padding: 8px 0;
}

.ques p {
    float: left;
    width: 310px;
    text-align: right;
    padding-right: 20px;
}

.ques ul {
    list-style: none !important;
}

.ques ul li {
    float: left;
    margin-right: 15px;
}

.ques ul li label {
    font-weight: lighter;
}

.ques input[type="text"],
.ques input[type="tel"],
.ques input[type="email"],
.ques input[type="date"],
.ques input[type="number"],
.ques textarea {
    max-width: 375px;
    width: 375px;
    border: 1px solid #B5BAC3;
    color: #525252;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ques textarea {
    height: 100px;
}

input.weight,
input.height,
input.date_of_birth,
input.adipose_tissue_value,
input.waist_value,
input.new_weight_value,
input.exercises_qty,
input.exercises_time,
input.number_meals,
input.cholesterol_value,
input.cholesterol_ldl,
input.cholesterol_hdl,
input.triglycerides,
input.sugar,
input.address_number,
input.address_flatnumber,
input.address_postalcode,
input.sweeten_value,
input.sweeten_teaspoon,
input.invoice_nip,
input.invoice_number,
input.invoice_flatnumber,
input.invoice_postalcode,
input.current_weight,
input.currency_adipose_tissue,
input.unchanged_meals_value,
input.very_intense_workout,
input.time_very_intense_workout,
input.intensive_training_week,
input.time_intensive_training,
input.medium_intense_workouts,
input.time_medium_intense_workouts,
input.monthly_cost_supplementation {
    width: 142px !important;
}

input.phone {
    width: 200px !important;
}

#id_body_fat,
#id_active_mode,
#id_sport,
#id_intensive_training,
#id_type_exercise,
#id_conscientiousness,
#id_number_of_meals {
    float: left;
    margin: 0;
    padding: 0;
}

#id_type_exercise li:nth-child(3) {
    clear: both;
}

#id_active_mode li,
#id_body_fat li,
#id_conscientiousness li,
#id_number_of_meals li,
#id_purpose_of_training li,
.big_radio ul li {
    float: none !important;
}

td.name {
    width: 190px;
}

.name div.input-home,
.name div.input-meal {
    padding-right: 10px;
    font-size: 0.8em;
}
.name div.input-hour select {
    width: 170px;
    margin-top: 10px;
}

div.input-meal div.error,
div.input-home div.error {
    margin:-8px 0 0 !important;
}

div.input-hour {
    max-width: 100%;
    height: 40px;
    padding: 2px 0;
    text-align: center;
}

div.input-hour input[type="text"] {
    max-width: 100%;
}

div.input-home {
    position: relative;
    height: 25px;
}
div.input-meal {
    position: relative;
    height: 30px;
}

div.input-home input,
div.input-meal input {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 10px;
}

td.fields {
    width:100px
}

.fields div.input-home input,
.fields div.input-meal input {
    /*margin-left: 32px;*/
}

#id_purpose_of_training ,
.big_radio ul {
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 10px !important;
}

.errors_field {
    color: #9f000a;
    margin-left: 310px;
    font-size: 0.9em;
    padding: 4px 0 0;
}

/* Wyglad ankiety czytanej przez terapeute */

.contactboxmessage {
    font-family: 'Open Sans', sans-serif;
    padding: 0 20px 60px;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    min-height: 300px
}

.contactboxmessage h2 {
    margin-bottom: 20px;
}

.contactboxmessage table {
    margin-bottom: 30px;
}

.contactboxmessage table tr td {
    padding: 5px;
}

.contactboxmessage table tr td.bold {
    font-weight: bold;
}

.contactboxmessage table tr td.italic {
    font-style: italic;
}

h3.category {
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    letter-spacing: -2px;
    padding: 0 0 10px 0;
    margin: 30px 0 10px;
    color: #6a6a6a;
    font-size: 1.4em;
}

h3.category span {
    border-bottom: 2px solid dodgerblue;
    padding-bottom: 3px;
}

ul.quetions {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
}

ul.quetions li {
    width: 45%;
    margin-right: 4%;
    float: left;
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}

ul.quetions li span.question {
    display: inline-block;
    width: 290px;
    margin: 5px 0;
}

ul.question2 {
    list-style: none;
}

ul.quetions li span.answer, ul.question2 li span.answer {
    width: 200px;
    font-weight: bold;
    font-size: 0.8em;
    margin: 2px 0;
}

ul.meal-info, #mealinfo1, #mealinfo2 {
    list-style: disc !important;
    margin: 10px 0 20px 25px !important;
}

a.btn_paid {
    padding: 10px 20px;
    background: #ff0000;
    color: white;
    margin-top: 30px;
    display: inline-block;
}

p.text {
    padding: 0;
    margin: 20px 0;
    font-size: 1em;
    font-weight: lighter;
}

/* Wygląd przycisków na każdej stronie */

.buttons {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 305px;
    margin-top: 10px;
}

.buttons li {
    float: left;
    margin-left: 5px;
}

.buttons li a, .buttons li input {
    display: block;
    width: 80px;
    background: dodgerblue;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    border: none;
}

ul.list-meal {
    list-style: none;
    padding: 0;
    margin: 20px 0 20px 20px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    width: 790px;
}

ul.list-meal > li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

ul.list-meal > li > p {
    width: 200px;
}

ul.list-meal > li > ul li span {
    font-weight: bold;
    font-style: italic;
}

.block_meal {
    margin-left: 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 15px;
}

.block_meal > label {
    margin: 20px 10px 20px 0;
}

.block_meal > label input {
    width: 80px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-left: 5px;
}

.block_meal ul.meal li:nth-child(2) .remove_element {
    display: none;
}

.elements {
    /*width: 635px;*/
}

.elements ul {
    list-style: none;
    margin: 10px 0;
    padding: 0 0 6px 0;
}

.elements ul li {
    margin-bottom: 5px;
}

.one_training,
.two_training {
    width:90px;
    font-size: 0.9em;
}

.three_training {
    width:263px;
    font-size: 0.9em;
}

.input_start,
.input_end {
    float: left;
    display:block;
    padding-right:15px;
}

.input_start input,
.input_end input {
    width:80px;
}

.input_description input {
    width: 336px;
}

.remove_training {
    background: #ff0000;
    color: #fff;
    margin-left: 540px;
    padding: 5px 10px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("../images/remove-meal.png") top center no-repeat;
    margin-top: -23px;
    text-indent: -9999px;
}

.add_training {
    position: absolute;
    margin-top: 2px;
    margin-left: 416px;
    background: dodgerblue;
    color: #fff !important;
    padding: 5px 10px;
    font-size: 0.9em;
    width:110px;
}

.input_days_training {
    display:none;
}

.block-training-name {
    padding-top:30px;
    width:220px;
}

.element-training {
    width: 535px !important;
}

.element-training ul li {
    margin: 0;
}

.day-training-name {
    float:left;
    padding-right:10px;
    padding-top:3px;
}

.one,
.input_producty {
    /*width: 445px;*/
    /*float: left;*/
}

.two,
.input_quantity {
    /*width: 160px;*/
    /*float: left;*/
}

.input_producty input {
    width: 100%;
}

.input_quantity input {
    width: 100%;
}

.inline {
    height: 32px;
}

.inline_training {
    height: 40px !important;
}

.inline .remove_element {
    /*float: right;*/
}

.input_hour, .input_meal, .input_order {
    display: none;
}

.elements ul input[type="text"] {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 7px;
}

.add_product {
    /*position: absolute;*/
    /*margin-top: 5px;*/
    /*margin-left: 497px;*/
    display: inline-block;
    margin-top: 10px;
    margin-left: 9%;
    background: darkgoldenrod;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.9em;
}

.block_meal.new .add_product {
    margin-left: 370px;
}

.remove_meal {
    background: #ff0000;
    color: #fff;
    margin-left: 210px;
    padding: 5px 10px;
}

#add-meal, #add-group {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 10px;
    color: #fff;
    /*width: 110px;*/
    font-size: 0.9em;
    background: dodgerblue !important;
}

#add-meal {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
#add-group {
    position: absolute;
}

.block_training {
    margin-bottom:40px;
}

#all-training {
    padding-bottom:60px;
}

#add-group {
    width: 150px !important;
}

#all-meal {
    margin: 20px 0;
}

#new_meal, #new_training {
    display: none;
}

h3.subname {
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    letter-spacing: -2px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 10px 0;
    margin: 40px 0 0;
    color: #6a6a6a;
    font-size: 1.8em;
}

h3.subname span {
    border-bottom: 2px solid dodgerblue;
    padding-bottom: 5px;
}

.formset-error input,
input.errors,
textarea.errors {
    background: url("../images/error-icon.png") right -96px no-repeat !important;
    border: 1px solid #c0040a !important;
}

.errors-block {
    background: #fbe5e5 url("../images/error-icon.png") 6px 12px no-repeat;
    border: 1px solid #d5c1c2;
    color: #3d3c3c;
    margin: 20px 0 0;
    padding: 10px 10px 10px 60px;
}

.errors-block h3, .errors-block p {
    margin: 0;
    padding: 0;
    font-weight: lighter;
}

.errors-block h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
    font-weight: normal;
}

.errors-block p {
    font-size: 1.1em;
}

.place-an-order {
    min-height: 429px;
    margin-top: 20px;
    background: url(../images/zloz-zamowienie2.png) 20px 100px no-repeat;
}

.place-an-order p.info {
    font-size: 1.2em;
    font-weight: lighter;
    width: 1000px;
    margin-left: 50px;
    margin-bottom: 30px;
}

.place-an-order p.first,
.place-an-order p.second {
    width: 400px;
    margin-top: 25px;
    font-size: 1.1em;
    font-weight: lighter;
    text-align: center;
}

.place-an-order p.first {
    float: left;
    margin-left: 60px;
}

.place-an-order p.second {
    float: right;
    margin-right: 95px;
}

.place-an-order p.first img,
.place-an-order p.second img {
    margin-top: 20px;
}

.place-an-order a.first-visit,
.place-an-order a.inspection-visit {
    display: block;
    width: 430px;
    height: 70px;
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: lighter;
}

.place-an-order a.first-visit {
    float: left;
    margin: 28px 0 0 40px;
    padding: 16px 0 0 55px;
}

.place-an-order a.inspection-visit {
    float: right;
    margin: 28px 70px 0 0;
    padding: 16px 0 0 115px;
}

.surveys-success {
    min-height: 456px;
}

.surveys-success .response-text {
    width: 590px;
    position: relative;
    margin: 0 auto;
}

.surveys-success .response-text .header h2 {
    font-size: 1.6em;
}

.surveys-success .response-text .main {
}

.surveys-success .response-text .main .white {
    color: white;
}

.surveys-success .response-text .main p.text {
    line-height: 1.7em;
}

.surveys-success .response-text .main p.amount {
    font-size: 1.3em;
}

.fd_webclinic {
    background: url("../images/bg_webclinic.jpg") top center no-repeat;
    min-height: 900px;
}

.fd_webclinic p.info {
    margin-bottom: 150px;
    border-top: 1px solid #fff;
    padding: 15px 0;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    line-height: 1.3em;
    font-size: 1.2em;
    width: 700px;
    max-width: 100%;
    margin-top: 20px;
}

.secont-visit,
.first-visit {
    font-size: 1.8em;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 10px;
    position: relative;
    left:50%;
    margin-left: -140px;
}

.secont-visit:hover,
.first-visit:hover {
    background: rgba(0, 0, 0, 0.4);
    color:#fff;
}

.first_visit_block,
.second_visit_block {
    width: 50%;
    float: left;
}

.first_visit_block img,
.second_visit_block img {
    position: relative;
    left:50%;
    margin-left: -150px;
}

.first_visit_block p,
.second_visit_block p {
    position: relative;
    width: 280px;
    left:50%;
    margin-left: -135px;
    text-align: center;
}

@media (max-width: 767px) {
    .fd_webclinic p.info {
        margin-bottom: 50px;
    }
    .first_visit_block,
    .second_visit_block {
        width: 100%;
        margin-bottom: 30px;
    }
    .secont-visit {
        color: #428BCA;
        border-color: #428BCA;
    }
}