/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-05-23, 14:09:26
    Author     : Jakub Laptop
*/

@import url("font-awesome-4.7.0/css/font-awesome.min.css");

#user_symptoms_autocomplete_input_field {
    border: 0;
    background: #FDFDFD;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2),0 1px 1px rgba(255,255,255,.7);
    //height: 49px;
    //padding: 8px;
    //border-radius: 3px;
    color: #555;
    transition: all .25s;
    cursor: text;
    margin-bottom: 0px;
    position: relative;
    float: left;
    width: 100%;
}

.taggle_placeholder {
    position: absolute;
    color: #B8B8B8;
    //top: 12px;
    //left: 8px;
    transition: opacity,.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 14px 15px;
}

.taggle_list li.taggle {
    float: left;
    padding: 10px 15px;
    background: #FFE655;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    position: relative;
    overflow: visible;
    cursor: default;
}

.taggle_list li {
    float: left;
    width: auto;
    width: 100%;
    padding: 0px 30px 0px 0px;

}

.taggle_list .taggle_input {
    margin: 0;
    background: none;
    width: 100% !important;
    margin: 5px 15px;
    border: none;
    padding: 10px 5px;
}

.taggle_sizer {
    display: none;
}

.taggle_list .taggle.duplicated {
    background: #ff7900;
}

.taggle_list .close, .chat_box_main_outer .message_row .close {
    border-radius: 5px;
    background: #ff1000;
    border: none;
    color: white;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    opacity: 0.7;
    border-left: 1px solid #a50000;
    box-shadow: -1px 0px 5px #444;
    display: block; /* or none jesli maja byc widoczne po najechaniu */
    padding: 0px 10px;
}

.sc_summary_page .taggle_list .close, .chat_box_main_outer .message_row .close {
    background: #ff1000;
    color: white;
    font-weight: bold;
    line-height: 18px;
    font-size: 12px;
    position: absolute;
    right: -5px;
    top: -4px;
    opacity: 0.7;
    box-shadow: -1px 0px 5px #444;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 2px solid white;
}

.chat_box_main_outer .message_row .inner_message .close {
    right: -3px;
    display: block;
}

.taggle_list .taggle:hover .close {
    display: block;
}

#symptoms_suggestions_list {
    background: white;
    float: left;
    width: 100%;
    display: block;
    margin-top: 0px;
    display: none;
    position: absolute;
    top: -100%;
    padding-top: 0px;
}

#symptoms_suggestions_list.loader{
    height: 49px;
    background: white url("../images/ajax-loader-1.gif");
    background-size: 30% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.no_suggestions_found_info {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    background: white;
    text-align: center;
    line-height: 49px;
    border-top: 1px solid #e1e1e1;
}

.sym_suggestions_list {
    position: absolute;
    bottom: 0;
    
    width: 100%;
    background: white;
}

.sym_suggestions_list li {
    padding: 6px 15px;
    font-size: 14px;

    font-weight: 700;
    color: #FFE655;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
}

.sym_suggestions_list li:hover {
    color:white;
    background: #FFE655;
}

.sym_suggestions_list .highlight {
    color: #EE8100;
    text-decoration: underline;
}

.sym_welcome_animation_outer.col-md-3 {
    width: 25%;
}

.sym_welcome_animation_outer .page-content {
    background: none;
    box-shadow: none;
    border: none;
    color: black;
    text-align: center;
}

.sym_check .ask-me .ask_box_front_page {
    background: #FFE655;
    overflow: hidden;
    padding: 2px;
    box-shadow: 10px 10px 20px 0px #cfcfcf;
    border-radius: 5px;
}

.dr_bot_profile_outer {
    padding: 10px 10px 5px 10px;
}

.chat_box_body_outer {
    background: #F2F2F2;
    padding: 120% 0% 0% 0%;
    position: relative;
    color: #333333;
}

.chat_box_header_outer {
    margin-bottom: 0px;
    height: 75px;
}

.dr_bot_info_inner {
    padding: 10px 0px;
}

.dr_bot_profile {
    background-image: url("/images/doctor_icon_812398.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 55px;
    border-radius: 50%;
    width: 55px;
    display: inline-block;
    box-shadow: 1px 1px 5px #929292;
    border: 2px solid #FFF;
}

.chat_box_absolute_body_outer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 15px;
    
    -webkit-box-shadow: inset -3px 9px 7px -8px rgba(158, 158, 158);
    -moz-box-shadow: inset -3px 9px 7px -8px rgba(158, 158, 158);
    box-shadow: inset -3px 9px 7px -8px rgb(158, 158, 158);
}

.dr_bot_profile_info {
    padding-left: 70px;
    padding-right: 50px;
    position: absolute;
    top: 0;
    width: 100%;
}

#dr_bot_more_info_button, #dr_bot_reset_button {
    float: right;
    height: 55px;
    width: 28px;
    line-height: 55px;
    text-align: center;
    position: relative;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: white;
}

#dr_bot_reset_button {
    top: -0.6px;
}

#dr_bot_reset_button i {
    -webkit-text-stroke: 1px #FFE655;
    font-size: 20px;
}

.dr_bot_info_inner div {
    height: 27.5px;
    line-height: 27.5px;
    font-size: 13px;
}

.dr_bot_name {
    font-weight: bold;
    font-size: 15px;
}

#dr_bot_more_info_button:hover i, #dr_bot_more_info_button_back:hover i, #dr_bot_reset_button:hover i {
    color: #333333;
}

.chat_box_main_outer {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
}

.chat_box_main_outer.seckond {
    left: 15px;
}

.slides_outer {
    float: left;
    width: 200%;
}

#dr_bot_more_info_button_back {
    float: left;
    height: 55px;
    width: 35px;
    line-height: 55px;
    text-align: center;
    position: absolute;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    z-index: 9;
}

.seckond .dr_bot_profile_info {
    padding-left: 50px;
    padding-right: 20px;
}

.seckond .dr_bot_info_inner div {
    height: 55px;
    line-height: 55px;
}

.pct_left_column {
    background-image: url("/images/doctor_icon_812398.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 70px;
    border-radius: 50%;
    width: 70px;
    display: inline-block;
    box-shadow: 1px 1px 5px #929292;
    border: 2px solid #FFF;
    position: absolute;
    left: 0px;
}

.pct_right_column {
    float: left;
    width: 100%;
    display: block;
    padding-left: 90px;
    text-align: center;
}

.seckond .dr_bot_name {
    font-size: 18px;
}
.people_helped_count, .received_thanks_count {
    font-weight: bold;
    font-size: 15px;
}

.people_helped, .received_thanks {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
}

.dr_bot_more_info_button {
    text-align: left;
    padding: 5px 15px;
    background: #e1e1e1;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 10px;
    font-size: 13px;
    cursor: pointer;
    float: left;
    width: 100%;
}

.dr_bot_more_info_button i {
    float: right;
    float: right;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
}

.dr_bot_more_info_button:hover {
    background:#d2d2d2;
    color: #333333;
}

.chat_box_body_outer p {
    color: #333333;
}

.profile_content_bottom {
    margin-top:20px;
}

#images_grid_box .dr_bot_img {
    height: 100px;
    padding: 2px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pct_info_dr_name {
    font-weight: bold;
    font-size: 15px !important;
}

.chat_box_input_outer {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: white;
    color: black;
    padding: 10px 15px;
    border-top: 1px solid #c4c4c4;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.chat_box_input_outer.input_disabled {
    background-color: #e3e3e3;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sym_check .ask-me.custom_background_image_doctor {
    padding: 50px 0px 60px 0px !important;
}

.first .chat_inner_wraper {
    padding: 15px 0px 80px 0px;
    float: left;
    display: block;
}

.seckond .chat_inner_wraper {
    padding: 15px 0px 10px 0px;
    float: left;
    display: block;
}

.cb_emoji_input {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #b8b8b8;
    position: absolute;
    cursor:pointer;
}

.cb_emoji_input:hover {
    color: gray;
}

#cb_user_input_id {
    display: block;
    width: 80%;
    padding: 0px 0px 0px 30px;
    margin: 0;
    height: 28px;
    line-height: 28px;
    background: none;
    border: none;
    color: gray;
}

#cb_user_confirm_send {
    position: absolute;
    top: 10px;
    right: 15px;
    height: 28px;
    line-height: 28px;
    color: #FFE655;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    background: none;
    font-family: "Open Sans", Arial, sans-serif;
    display: none;
}

#cb_user_confirm_send:hover {
    background: #e4e4e4;
}

#cb_user_confirm_send:active {
    background: #d4d4d4;
}

.dr_bot_message_outer .message_row {
    padding: 0px 45px 12px 40px;
    //margin-bottom: 12px;
}

.row_message_outer {
    position: relative;
}

.dr_bot_message_outer .inner_message {
    background: white;
    padding: 10px 16px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px #b5b5b5;
    font-size: 14px;
    color: #2e2e2e;
    width: auto;
    display: inline-block;
}

.dr_bot_message_outer .message_row.last_mr:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    
    bottom: 12px;
    left: 0;
    
    background-image: url("/images/doctor_icon_812398.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 2px 2px 2px #b5b5b5;
    border: 2px solid #FFF;
}

.dr_bot_status {
    width: 8px;
    height: 8px;
    background: orange;
    display: inline-block;
    border-radius: 50%;
    margin-left: 6px;
    margin-bottom: 1px;
}

.sym_check .ask_box_front_page {
    opacity: 0;
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
}

.last_seen.currently_online {
    color: #44FF00;
    font-weight: bold;
}

.dr_bot_message_outer .icon-circle {
    font-size: 10px;
    color: #FFE655;
}

@keyframes customBounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    transform: translate3d(0,-1px,0);
  }
}

.customBounce {
  animation-name: customBounce;
  transform-origin: center bottom;
}

#mCSB_2_dragger_vertical .mCSB_dragger_bar, #mCSB_1_dragger_vertical .mCSB_dragger_bar {
    background: #c9c9c9;
}

.mCSB_dragger_bar {
    border-right: 1px solid #9d9d9d;
}

#mCSB_1_scrollbar_vertical, #mCSB_2_scrollbar_vertical {
    z-index: 9999;
}

.user_message_outer .message_row.button_row {
    display: inline-block;
    float: right;
    width: 41%;
    padding: 0;
}

.user_message_outer .message_row.button_row .inner_message {
    padding: 2px 0px 2px 10px;
    background: none;
    box-shadow: none;
    width: 100%;
}

.user_message_outer .message_row.button_row button {
    width: 100%;
    background-color: #FFE655;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 15px;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0px 3px 0px 0px #52729B;
    padding: 6px 10px;
}

.user_message_outer .message_row.button_row button:hover {
    background: #6585AE;
}

.user_message_outer .message_row.button_row button:active {
    background: #6585AE;
    box-shadow: 0px 0px 0px 0px #52729B;
    margin-top: 3px;
}

.user_message_outer .message_row {
    display: block;
    padding: 0px 5px 12px 85px;
    text-align: right;
}

.user_message_outer .inner_message {
    background: #FFE655;
    padding: 10px 16px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px #b5b5b5;
    font-size: 14px;
    color: #2e2e2e;
    width: auto;
    display: inline-block;
    color: white;
    position: relative;
    cursor: default;
}

.user_message_outer .message_row.content_row {
    float: left;
    width: 100%;
}

.row_message_outer .message_row {
    //margin-bottom: 12px;
}

.chat_inner_wraper .row_message_outer {
    float: left;
    width: 100%;
}

.chat_box_input_outer .input_error_box {
    position: absolute;
    bottom: 0;
    margin-bottom: 49px;
    padding: 10px 15px;
    font-size: 13px;
    color: #af0000;
    width: 100%;
    margin-left: -15px;
    display: none;
    
    text-overflow: ellipsis;
    white-space: nowrap;
}

.special_action_button {
    color: #FFE655;
    cursor: pointer;
    text-decoration: underline;
    float: right;
    font-size: 12px;
}

.sym_main_inputs_outer {
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    
    display: none;
}

.go_to_next_step_row button {
    width: 100%;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 15px;
    font-size: 15px;
    cursor: pointer;
    padding: 6px 10px 6px 40px;
    
    background: -moz-linear-gradient(top, #FFAE60 0%, #FFE655 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAE60), color-stop(100%,#FFE655));
    background: -webkit-linear-gradient(top, #FFAE60 0%,#FFE655 100%);
    background: -o-linear-gradient(top, #FFAE60 0%,#FFE655 100%);
    background: -ms-linear-gradient(top, #FFAE60 0%,#FFE655 100%);
    background: linear-gradient(to bottom, #FFAE60 0%,#FFE655 100%);
    box-shadow: 0px 3px 0px 0px #C27426;

}

.go_to_next_step_row button:hover {
    color: white;
    background: -moz-linear-gradient(top, #E18429 0%, #ED8C2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E18429), color-stop(100%,#ED8C2E));
    background: -webkit-linear-gradient(top, #E18429 0%,#ED8C2E 100%);
    background: -o-linear-gradient(top, #E18429 0%,#ED8C2E 100%);
    background: -ms-linear-gradient(top, #E18429 0%,#ED8C2E 100%);
    background: linear-gradient(to bottom, #E18429 0%,#ED8C2E 100%);
}

.go_to_next_step_row button:active {
    margin-top: 3px;
    box-shadow: 0px 0px 0px 0px #C27426;
}

.go_to_next_step_row {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #d6d6d6;
    position: relative;
}

#finish_and_go_to_next_step_id:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 12px;
    left: 12px;
    background-image: url("/images/doctor_icon_812398.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #FFF;
}

.given_symptoms_outer li {
    background: #FFE655;
    color: #fff;
    padding: 4px 10px;
    width: auto;
    display: inline-block;
    margin: 0px 5px 5px 0px;
}

.item-added-date {
    margin-bottom: 10px;
    display: block;
}

.widget-item-inner {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.widget-item-desc {
    margin: 0px 0px 10px 0px;
}

ul.diagnosis-icons {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    width: 50%;
    display: inline-block;
    float: left;
}

.diagnosis-icons li {
    padding: 3px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.widget-item-given-details {
    padding: 7px 0px 10px 0px;
    float: left;
    width: 100%;
}

.widget-item-given-details-full-view {
    padding: 10px 0px;
    float: left;
    width: 100%;
}

.diagnosis-icons li i {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.graph_outer {
    width: 50%;
    display: inline-block;
    float: left;
    position: relative;
}

.graph_legend_top {
    line-height: 15px;
    margin: 0px;
    position: absolute;
    width: 60%;
    display: inline-block;
    font-size: 12px;
}

.graph_legend_top span {
    width: 15px;
    height: 15px;
    background: #FFE655;
    border-radius: 50%;
    display: inline-block;
    margin: 7.5px;
    float: left;
}

.widget-item-inner .graph_background {
    height: 143px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;

}

.widget-item-given-details-full-view .graph_background {
    height: 150px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
}

.widget-item-given-details-full-view .graph_legend_top span {
    width: 10px;
    height: 10px;
    margin: 10px;
}

.given_symptoms_outer_full_view {
    float: left;
    width: 100%;
}

.given_symptoms_outer_full_view li {
    background: #FFE655;
    color: #fff;
    padding: 4px 10px;
    width: auto;
    display: inline-block;
    margin: 0px 5px 5px 0px;

}

.gs_h3 {
    float: left;
    width: 100%;
}

.widget-item-given-details-full-view .diagnosis-icons {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    width: 38%;
    display: inline-block;
    float: left;
}

.widget-item-given-details-full-view .graph_outer {
    width: 62%;
    display: inline-block;
    float: left;
    position: relative;
}

.full_details_outer.user_view h4.user_name {
    float: left;
}

.full_details_outer.user_view .answer-meta {
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e0e0e0;
}

.full_details_outer.user_view .diagnosis-icons li i {
    width: 16px;
    text-align: center;
    margin-right: 14px;
}

.full_details_outer.user_view  .graph_legend_top {
    line-height: 30px;
    margin: 0px;
    position: absolute;
    width: 80%;
    display: inline-block;
    font-size: 12px;
}


.full_details_outer.user_view .answer_date {
    margin: 0;
}

.bmi_table_info {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.author-image.dr_bot_avatar {
    background: white url("/images/doctor_icon_812398.png") no-repeat scroll center top 5px / cover;
}

.user_message_outer.row_message_outer {
    margin: 5px 0px;
}

.doctor_bot_estimated_diseases_results_outer {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.mdc_inner_results .progressbar-title {
    font-weight: bold;
}

.after_results_text {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.doctor_bot_estimated_diseases_results_outer .progressbar {
    margin-bottom: 7px;
    margin-right: 70px;
    position: relative;
    overflow: visible;
}

.doctor_bot_estimated_diseases_results_outer .mdc_inner_results .progressbar-title {
    font-weight: bold;
    font-size: 14.5px;
    margin-bottom: 7px;
    color: #5879A3;
}

.progressbar .percent_value {
    width: 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: -70px;
    color: #5879A3;
    float: right;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    text-align: right;
    font-size: 14.5px;
}

.doctor_bot_estimated_diseases_results_outer .progress_row {
    margin-bottom: 20px;
}

.estimated_disease_category i {
    margin-right: 7px;
}

.estimated_results_data_outer .after_results_text {
    margin: 0px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.before_poz_link_text {
    float: left;
    width: 100%;
    margin: 20px 0px;
}

#poz_link_button_id {
    float: left;
    font-weight: bold;
}

#poz_link_button_id i {
    margin-right: 6px;
}

.additional_question_button {
    border-radius: 2px;
}











/* SYM CHECKER STEP 2 - START */

ul.radio_answered_category_switchers.tariff_plans_categories {
    display: block;
    margin-bottom: 42px;
    float: left;
    width: 100%;
    border: none;
    text-align: center;
    /*padding: 0% 10%;*/
    padding: 0% 4%;
}

ul.radio_answered_category_switchers.tariff_plans_categories li {
    float: left;
    margin: 0;
    width: 33.33332%;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 0% 1%;
}

ul.radio_answered_category_switchers.tariff_plans_categories li label {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: bold;
    text-transform: none;
    font-size: 15px;
    overflow: hidden;
    height: 42px;
    /*line-height: 40px;*/
    line-height: 36px;
    
    border: 1px solid #dedede;
    -moz-box-shadow: 0 0 5px #dedede;
    -webkit-box-shadow: 0 0 5px #dedede;
    box-shadow: 0 0 5px #dedede;
    
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    
    opacity: 0.6;
    border-radius: 100px;

    border: 3px solid #d8d8d8;
}

ul.radio_answered_category_switchers.tariff_plans_categories li label i {
    margin-right: 7px;
}

ul.radio_answered_category_switchers.tariff_plans_categories > li:first-child label {
    /*border-right: none;*/
}

ul.radio_answered_category_switchers.tariff_plans_categories > li:last-child label {
    /*border-left: none;*/
}

body #wrap ul.radio_answered_category_switchers.tariff_plans_categories input[type="radio"] {
    display: none;
}

ul.radio_answered_category_switchers.tariff_plans_categories input[type="radio"]:checked + label {
    background: #333333;
    z-index: 99;
    color: #333333;
    
    opacity: 1;
    background: white;
    box-shadow: 0px 0px 15px gray;
    /*border: 1px solid #aaa;*/
    border: 3px solid #db5353;

    /*
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    */

    overflow: visible;
}

ul.radio_answered_category_switchers.tariff_plans_categories input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    margin-left: -18px;
    border-top: solid 18px #db5353;
    border-left: solid 18px transparent;
    border-right: solid 18px transparent;
    margin-bottom: -20px;
    left: 50%;
    bottom: 0px;
}

.sc_summary_page .tariff_plans_prices {
    margin-bottom: 45px;
}

ul.radio_answered_category_switchers.tariff_plans_categories li:hover label {
    opacity: 1;
    background: white;
}

.sc_summary_page .tariff_plans_prices .tariff-plan-outer {
    cursor: pointer;
    background: white;
    opacity: 0.75;
    margin-top: 2px;
    
    -moz-box-shadow: 0 0 5px #dedede;
    -webkit-box-shadow: 0 0 5px #dedede;
    box-shadow: 0 0 5px #dedede;
    
    -webkit-transition: 0.2s all linear;
    -khtml-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
}

.sc_summary_page .tariff_plans_prices .tariff-plan-outer.guaranteed-answer:before {
    position: absolute;
    content: " ";
    background-image: url("/images/lexnonstop/wstazka-gwarancja-odpowiedzi-v2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 10;
    height: 100%;
    width: 36%;
}

.sc_summary_page .tariff_plans_prices .tariff-plan-outer.guaranteed-answer:before {
    top: -1.6%;
    right: -2.9%;
}

.sc_summary_page .tariff_plans_prices .tariff-plan-outer.current.guaranteed-answer:before {
    top: -2.2%;
    right: -3.8%;
}

.sc_summary_page .tariff_plans_prices .tariff-plan-outer:not(.no-hover-effect):hover {
    opacity: 1 !important;
    
    -webkit-transition: 0.2s all linear;
    -khtml-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
}

.sc_summary_page .tariff_plans_prices .tariff-plan-outer.current {
    opacity: 1;
    -moz-box-shadow: 0 0 15px gray;
    -webkit-box-shadow: 0 0 15px gray;
    box-shadow: 0 0 15px gray;
    margin-top: 0px;

    border: 3px solid #db5353;
    border-radius: 4px;
}

#form-main-outer-id {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
    overflow: visible;
}

.sc_summary_page .submit_button_ask_page_wrapper, .sc_summary_page .submit_button_ask_page_wrapper a {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
}

.sc_summary_page .tariff-plan-outer h3 i {
    margin-right: 6px;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    transform: translateY(15%);
    font-weight: normal;
    color: #db5353;
}

.sc_summary_page .tariff-plan-outer h4.tariff_row4 {
    text-decoration: none;
}

.sc_summary_page .form-inputs p {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
    float: left;
    overflow: visible;
    height: 100%;
}

.sc_summary_page .form-inputs p:nth-child(even) {
    margin-right: 0%;
}

.sc_summary_page .form-style-5.form-style input[type="text"], .sc_summary_page .form-style-5.form-style input[type="email"], .sc_summary_page .form-style-5.form-style input[type="password"], .sc_summary_page .form-style-5.form-style input[type="number"], .sc_summary_page .form-style-5.form-style textarea {
    width: 65%;
    float: left;
    box-shadow: none;
}

.sc_summary_page .form-style-5.form-style label {
    float: left;
    width: 34%;
    margin-top: 9px;
    margin-right: 1%;
}

.sc_summary_page .sym_taggle_box li {
    width: auto;
}

.sc_summary_page #user_symptoms_autocomplete_input_field {
    background: #F3F3F3;
    padding: 8px;
    outline: none;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    width: 82.75%;
    display: inline-block;
    margin-bottom: 15px;
    color: #333333;
    border: 1px solid #dedede;
    -moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    background: #f3f3f3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: none;
    float: right;
}

.sc_summary_page .form-style-5.form-style .symptoms_step2_label {
    width: 15.9%;
    margin-right: 1%;
    padding-right: 15px;
}

.sc_summary_page .form-inputs .wide_row {
    width: 100%;
}

.sc_summary_page .form-style-5.form-style .wide_row input, #email_field_validation_error, #password_field_validation_error {
    width: 82.75%;
    float: right;
}

.sc_summary_page .form-style-5.form-style .wide_row label {
    width: 15.9%;
    margin-right: 1%;
}

.processing_animation_over_element:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(249, 249, 249, 0.62) url("../images/ajax-loader-1.gif");
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9999;
    left: 0;
    top: 0;
    border: none;
}

.sc_summary_page .summary_box_ask_step2 {
    position: relative;
}

.sc_summary_page #symptoms_suggestions_list {
    display: block;
    bottom: 0;
    position: absolute;
    top: 100%;
    box-shadow: 0px 5px 3px #e3e3e3;
    box-sizing: content-box;
    margin-top: 5px;
}

.sc_summary_page .sym_suggestions_list {
    top: 0;
    bottom: auto;
    border: 1px solid #dedede;
    box-shadow: 1px 3px 5px #b3b3b3;
    border-radius: 2px;
    border: 1px solid #FFE655;
}

.sc_summary_page .nice-select {
    width: 65%;
    float: right;
    display: inline-block;
    border: 1px solid #DEDEDE;
    background: #F3F3F3;
    clear: none;
    border-radius: 2px;
    padding-left: 0px;
    height: 40px;
    line-height: 38px;
}

.sc_summary_page .nice-select .current {
    color: #FFE655;
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
}

.sc_summary_page .nice-select:focus {
    border-color: #DEDEDE;
}

.sc_summary_page .nice-select.open {
    border-color: #FFE655;
}

.sc_summary_page .nice-select .list {
    width: 100%;
    border: 1px solid #FFE655;
    border-radius: 2px;
    color: #FFE655;
}

.sc_summary_page .taggle_list .taggle.duplicated {
    background: #FFE655;
}

.sc_summary_page.ask.step_2 .form-inputs .validation-description {
    color: red;
    margin: 0;
    float: right;
    width: 65%;
    display: none;
}

.sc_summary_page .sym_row_summary_form {
    float: left;
    width: 100%;
}

#symptoms_field_validation_error {
    display: none;
    width: 82.75%;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    right: 0;
    margin: -15px 0px 15px 0px;
}

.sc_summary_page input.input_disabled, .sc_summary_page select.input_disabled, .nice-select.input_disabled {
    background: #DEDEDE;
}

.chat_box_main_outer .input_error_box a {
    color: #af0000;
    text-decoration: underline;
    cursor: pointer;
}


























#payment_gateway_popup {
    min-height: 90%;
}

#payment_gateway_popup:after {
    content: "";
    height: 28px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url("/images/ssl-secure.png");
    background-size: auto 100%;
    background-position: center right;
    background-repeat: no-repeat;
    width: 100%;
}

#payment_gateway_popup .hide_when_peace_maker_on h2 {
    margin: 0;
    padding: 0;
    border: none;
}

.paypal_option_main_outer {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.pp_row {
    float: left;
    width: 100%;
    text-align: center;
}

.paypal_option_main_outer .pp_top_row.pp_row {
    height: 80px;
    background-image: url("/images/paypal_image.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.paypal_option_main_outer .custom-orange-button {
    width: 300px;
    height: 45px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    line-height: 45px;
}

.paypal_option_main_outer {
    margin: 15px 0px 30px 0px;
    text-align: center;
}

.pp_top_row.pp_row {
    margin-bottom: 15px;
}

.payment_popup_styles .paypal_option_main_outer p {
    display: inline-block;
    color: #969696;
    margin: 0px 0px 2px 0px;
}

.panel-pop.payment_popup_styles .billing_input_required {
    border: 1px solid #c10000;
    box-shadow: 0px 0px 5px #b00000;
}

.success_page .single-post .post-inner {
    padding: 0px 20px;
}

.success_page .single-post {
    margin-bottom: 0px !important;
}

.panel-pop.payment_popup_styles .user_peace_maker.payment_box {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-left: -20px;
    margin-top: -80px;
    background-position: top 55% center;
}

.panel-pop.payment_popup_styles .custom-button.go-back-button {
    margin: 0;
    position: relative;
    padding: 0px 10px;
    margin-right: 15px;
    float: left;
    z-index: 9999;
}

.panel-pop.payment_popup_styles .custom-button.go-back-button i {
    float: left;
    margin-top: 6.5px;
}

#kanaly_v {
    float: left;
    width: 100%;
} 

#choose_payment_gateway_outer_id #main-payment img {
    float: right;
    width: 15%;
    height: auto;
}

.partial_invoice_form_outer h3 {
    font-size: 16px;
    margin: 0px;
    color: #333333;
}

#poz_invoice_form_outer_id {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

#poz_invoice_form_outer_id form {
    max-width: 800px;
    display: inline-block;
}

label.half {
    float: left;
    display: inline-block;
    font-size: 13px;
    margin: 0px 6px;
    color: #333;
    font-weight: normal;
}

label input[type="checkbox"], label input[type="radio"] {
    background-color: white;
    border: 1px solid gray;
    float: left;
    margin-right: 2px;
}

/*label input[type="checkbox"] {*/
    /*float: none;*/
    /*margin: 0px;*/
    /*top: 4px;*/
/*}*/

.form_separator {
    line-height: 0.5;
    text-align: center;
    font-size: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc2MzU0N0FDNDAwMTFFNEI4MkJGQTIzMkI3NjdCMUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc2MzU0NzlDNDAwMTFFNEI4MkJGQTIzMkI3NjdCMUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iQUQxOEI4NUYwNEZFM0E3Mjk2NDk4QjNDMkZBNDBEQjIiIHN0UmVmOmRvY3VtZW50SUQ9IkFEMThCODVGMDRGRTNBNzI5NjQ5OEIzQzJGQTQwREIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HQwmEgAAABNJREFUeNpi+PDhA9OjR48AAgwAFjwFeYkuaKQAAAAASUVORK5CYII=');
    background-repeat: repeat-x;
    background-position: center center;
    margin: 0px;
    font-family: 'Open Sans', "Helvetica", Arial, sans-serif;
    
    float: left;
    width: 100%;
}

.form_separator span {
    color: #a9a9a9;
    display: inline-block;
    position: relative;
    background-color: white;
    padding: 0 2em;
}

.form_separator span p {
    margin: 0;
}

.invoice_data_outer {
    float: left;
    width: 100%;
}

.choose_invoice_entity_outer {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.invoice_data_outer .io-width-50 {
    float: left;
    display: inline-block;
    width: 50%;
    margin: 0px;
}

.invoice_data_outer p {
    padding: 0px 8px;
    text-align: left;
    color: #969696;
}

.invoice_data_outer label {
    font-weight: bold;
}

.invoice_data_outer p input, .choose_payment_method input {
    width: 100%; 
    margin: 0px 0px 4px 0px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    padding: 8px 10px;
}

#wrap .choose_invoice_entity_outer .half.remember_billing_data_outer {
    float: right;
}

#wrap .choose_invoice_entity_outer .half.remember_billing_data_outer input[type="checkbox"] {
    float: left;
    margin-top: -2px;
    margin-right: 4px;
}

.invoice_data_outer p select, .creditCardForm select {
    width: 100%;
    margin: 0px 0px 5px 0px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    padding: 9.250px 10px;
    
    /* chrome */
    margin: 0px;
    line-height: 19px;
}

.invoice_data_outer .io-width-33 {
    float: left;
    display: inline-block;
    width: 33.33320%;
    margin: 0;
}

.invoice_data_outer .io-width-100 {
    float: left;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.invoice_data_outer.company_invoice_form {
    display: none;
}

#choose_payment_gateway_outer_id .regulations input, .payment_popup_styles .paypal_option_main_outer input {
    float: left;
    margin: 3px 5px 0px 0px;
}

#tpay-payment-submit {
    margin: 0px 0px 20px 0px;
}

body .regulations p {
    margin: 0;
    width: auto;
    display: inline-block;
}

.regulations p a {
    color: #4F6E98;
    text-decoration: underline;
}

.choose_payment_method {
    width: 100%;
    margin-top: 20px;
    max-width: 800px;
    display: inline-block;

    margin-bottom: 20px; /* do not change - in case if errors shown under billing form inputs */
}

.choose_payment_method .tabs li {
    width: 50%;
    float: left;
}

.choose_payment_method .tabs li a {
    width: 100%;
    text-align: center;
    background: #F0F0F0;
    border-bottom: 1px solid #D2D2D2 !important;
    color: #969696;
}

.choose_payment_method .tabs li a.current {
    background: white;
    border-bottom: 1px solid white !important;
    border-left: 1px solid #D2D2D2 !important;
    border-right: 1px solid #D2D2D2 !important;
    border-top:  1px solid #D2D2D2 !important;
    color: #333333;
}

.choose_payment_method .tab-inner-warp {
    background: white;
    padding: 20px 0px 0px 0px;
}

.choose_payment_method ul.tabs {
    border: none;
}

#choose_payment_gateway_outer_id {
    text-align: center;
}

.creditCardForm {
    width: 60%;
}

.creditCardForm .form-group.owner {
    width: 80%;
    float: left;
    padding-right: 10px;
}

.creditCardForm .form-group.CVV {
    width: 20%;
    float: left;
}

.choose_payment_method input[type="text"] {
    width: 100%;
    margin: 0px 0px 8px 0px;
}

.choose_payment_method select {
    width: 50%;
    float: left;
}

.choose_payment_method select {
    width: 120px;
    float: left;
    margin-right: 10px;
    text-align: left;
}

.creditCardForm label {
    text-align: left;
    float: left;
}

#expiration-date label {
    width: 100%;
}

.creditCardForm #pay-now {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.creditCardForm #pay-now button {
    width: 100%;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 10px;
}

.creditCardForm {
   color: #FFE655;
    font-size: 13px; 
}

#skeuocard {
    position: absolute;
}

.credit_card_left_column {
    width: 400px;
    float: left;
    position: relative;
}

.credit_card_right_column {
    width: 400px;
    float: right;
    position: relative;
}

.payment_popup_styles .custom-orange-button {
    border-radius: 2px;
    padding: 8px 25px;
}

.choose_payment_method .tab-inner p, .choose_payment_method .tab-inner h4 {
    margin-bottom: 9px;
}

.payment_popup_styles h4 {
    font-size: 14px;
    margin-bottom: 3px;
}

#invoice_form_outer_id {
    float: left;
}

#card_form_error_info {
    top: 17.2em;
    position: absolute;
    color: #d50000;
    font-size: 13px;
}

#skeuocard .card-body .face.valid {
    box-shadow: none;
    border: 1px solid #56C700;
}

.tariff_row5.vds_left_view {
    background: #FFE655;
    color: white;
    -webkit-box-shadow: inset 0px 0px 19px -7px rgba(115,59,0,1);
    -moz-box-shadow: inset 0px 0px 19px -7px rgba(115,59,0,1);
    box-shadow: inset 0px 0px 19px -7px rgba(115,59,0,1);
}

#confirm-no-fee-purchase-outer {
    float: left;
    width: 100%;
    padding: 15px;
}

.user_peace_maker.payment_box p {
    display: none;
    
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 50%;
    left: 25%;
    background: white;
    font-size: 18px;
    font-weight: lighter;
    padding: 60px 0px;
    margin-top: -60px;
}

.pagination a i {
    line-height: 22px;
    font-size: 22px;
}

#wrap #invoice_form_outer_id {
    margin: 0px -8px 10px -8px;
}

.edit_account_page .page-content:not(:first-child), .payments_history_page .page-content:not(:first-child) {
    margin-top: 30px;
}

.edit_account_page .invoice_data_outer input[type="text"],
.edit_account_page .invoice_data_outer input[type="password"],
.edit_account_page .invoice_data_outer input[type="email"],
.edit_account_page .invoice_data_outer input[type="number"],
.edit_account_page .invoice_data_outer textarea,
.edit_account_page .invoice_data_outer select
{
    padding: 8px;
    outline: none;
    font-size: 13px;
    font-weight: 600;
    max-width: 100%;
    border: 1px solid #dedede;
    -moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    background: #f3f3f3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.details-body-outer .icon-outer {
    width: 40px;
    float: left;
    display: block;
    position: absolute;
}

.details-body-outer .icon-outer i {
    font-size: 40px;
}

.details-body-outer .text-right {
    margin-left: 55px;
    display: block;
    float: left;
    width: 100%;
    border-left: 2px solid #DADADA;
    padding-right: 55px;
}

.details-body-outer p {
    margin-bottom: 7px;
}

.details-body-outer .details-row {
    margin-bottom: 7px;
}

.details-body-outer .separate-border-left {
    /*
    border-left: 2px solid #DEDEDE;
    padding-left: 20px !important;*/
}

.separate-border-left .custom-table {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.details-body-outer .col-md-1 i {
    font-size: 3.4vw;
}

.details-body-outer h3 {
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.details-body-outer .details-row .var {
    border-radius: 3px;
    padding: 3px 13px;
    color: #838383;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
}

.details-body-outer .details-row .var-label {
    padding: 3px 13px;
    border-bottom: 1px solid #ececec;
    text-align: right;
}

















/* SYM CHECKER STEP 2 - END */