/* Nazwa */

.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: #87b626;
}

.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: #87b626;
}

.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;
}

.formset_time .inline2:nth-child(1) a.remove_element {
    display: none;
}

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

.inline2 input {
    /*width: 80px;*/
    /*padding: 5px 10px;*/
    /*border: 1px solid #ccc;*/
    line-height: 24px
}

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

    /*margin-left: 90px;*/
    /*margin-top:-88px;*/
}

.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 {
    /*position: absolute;*/
    /*left: 682px;*/
    float: right;
    margin-bottom: 20px;
    background: #87b626;
    color: #fff;
    padding: 5px 10px;
}

.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 label {
    font-weight: normal;
}

.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 {
    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,
.big_radio ul li {
    float: none !important;
}

td.name {
    width: 190px;
}

.name div.input-home,
.name div.input-meal {
    padding-right: 10px;
}
.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 {
    /*width: 100px;*/
    max-width: 100%;
    height: 40px;
    padding: 2px 0;
    text-align: center;
    /*border-bottom: 1px solid #f6f6f6;*/
}

div.input-hour input[type="text"] {
    max-width: 100%;
    /*margin-right: 5px;*/
}

div.input-home {
    position: relative;
    height: 25px;
    /*border-bottom: 1px solid #f6f6f6;*/
}
div.input-meal {
    position: relative;
    height: 30px;
    /*border-bottom: 1px solid #eee;*/
}

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;*/
}

.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: 30px 20px;
    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.5em;
}

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

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

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.quetions li span.answer, ul.question2 li span.answer {
    width: 200px;
    font-weight: bold;
    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: #87b626;
    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: 180px;
}

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, .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 .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: #87b626;
    color: #fff;
    padding: 5px 10px;
}

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

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

#add-meal {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 10px;
    color: #fff;
    width: 110px;
    background: dodgerblue !important;
}

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

#new_meal {
    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;
    line-height: 2em;
}

h3.subname span {
    border-bottom: 2px solid #97b432;
    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 {
    margin-top: 20px;
    text-align: center;
}

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

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

.place-an-order p.first img,
.place-an-order p.second img {
    max-width: 90%;
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

/*.place-an-order a.first-visit,*/
/*.place-an-order a.inspection-visit {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 149px;*/
/*    padding-bottom: 20px;*/
/*    color: #fff;*/
/*    font-size: 1.5em;*/
/*    line-height: 129px;*/
/*    text-transform: uppercase;*/
/*    font-weight: lighter;*/
/*    text-align: center;*/
/*}*/

/*.place-an-order a.first-visit {*/
/*    text-indent: -150px;*/
/*    background: url(../images/wizyta-pierwsza.png) center no-repeat;*/
/*}*/

/*.place-an-order a.inspection-visit {*/
/*    text-indent: 140px;*/
/*    background: url(../images/wizyta-kontrolna.png) center no-repeat;*/
/*}*/

.surveys-success {
    background: url(../images/survey_succes.png) center 5px no-repeat;
    /*min-height: 456px;*/
}

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

.surveys-success .response-text .header {
    margin-left: 80px;
}

.surveys-success .response-text .main {
    margin: 65px 0;
    padding: 20px;
    border: 4px solid #87b626;
    border-radius: 15px;
    background: url(../images/survey_succes_icon.png) right 0 no-repeat;
}

.surveys-success .response-text .main .h_block {
    display: inline-block;
    background-color: #87b626;
    padding: 10px;
    min-width: 358px;
    margin-left: -20px;
}

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

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

.surveys-success .response-text .main p.amount {
    font-size: 1.3em;
}
.switch_lang a.btn {
    color: #6a6a6a
}
.switch_lang a.btn-success {
    color: #fff;
    background: #87b626;
    border: none;
}


@media (max-width: 991px) {
    .place-an-order p.first, .place-an-order p.second {
        display: block;
        width: 100%;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 500px) {
    .place-an-order a.first-visit,
    .place-an-order a.inspection-visit {
        text-indent: initial;
    }
}