/*Before response add*/
.kloading {
    background: #fcf7d1 url("/images/wait.gif") no-repeat center center;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -17px;
    border: 1px solid #e1b52d;
    position: absolute;
    z-index: 10000;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px
}

.resp_go_back {
    margin-right: auto;
}

.base_desktop .response_stepper {
    margin: 0 16px;
}

.step {
    border-radius: var(--border-radius-big);
    padding: 32px;
    margin-bottom: 32px;
    border: 1px solid #E0E0E0;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mobile .step {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
}

.step.active {
    border-color: transparent;
    box-shadow: var(--box-shadow);
}

.step#step_2 {
    z-index: 2;
}

.step .num {
    color: #CDCDCD;
    font-size: 32px;
    margin-right: 48px;
}

.mobile .step .num {
    font-size: 22px;
}

.step.active .num {
    color: var(--dark-color);
}

.resp_field_wrap {
    flex: 1;
    width: 100%;
}

.resp_field {
    /*background-color: #FFFFFF;*/
    border: 1px solid #D6D6D6;
    border-radius: var(--border-radius);
    position: relative;
    z-index: 1;
    margin-top: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.smart_field.resp_field {
    padding: 10px;
}

.smart_field.resp_field .close_ico {
    display: none;
}

.resp_field select {
    padding: 10px;
    background-color: #fff;
    border-radius: var(--border-radius);
}

.item_title {
    font-size: var(--lg-font);
}

.mobile .item_title {
    margin-top: 10px;
}

#target_city_response {
}

.resp_field select {
    width: 100%;
    border: 0;
}

.select_city_resp, #select_city_resp {
    width: 100%;
    border: 0;
    font-size: 14px;
    padding: 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.smart_field.resp_field .tab {
    top: -23px;
    left: 0px;
    padding-right: 5px;
}

.smart_field.resp_field .list {
    left: -1px;
    top: 39px;
    width: 100%;
}

.go_to_resp {
    cursor: pointer;
    border: 0 none;
    margin-bottom: 25px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    text-align: center;
    background-color: var(--link-color);
    border-radius: var(--border-radius);
}

.go_to_resp:not(.disabled):hover {
    text-decoration: underline;
}

.go_to_resp.disabled {
    background-color: var(--grey-color);
    cursor: default;
}

.submit_step {
    display: flex;
    justify-content: center;
}

/*Add response*/
.mean_response {
    display: none
}

.smart_field.city_selector {
    height: auto
}

.add_response_content_top {
    margin-bottom: 7px;
}

.hidden {
    display: none !important;
}

.rev_detail {
    float: left;
    margin-top: 0
}

#response_form {
}

.first_impress {
}

#response_form .rev_detail {
    float: right;
}

#response_form .rev_detail .rrev_com {
    max-width: 165px
}

#score {
    display: flex;
}

#score li {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    color: #235083;
    margin-right: 36px
}

.mobile #score li {
    margin-right: 10px;
}

#score li:hover > div {
    text-decoration: underline
}

#score li span {
    display: flex;
    width: 56px;
    height: 56px;
    border: 1px solid #E0E0E1;
    border-radius: var(--border-radius);
    justify-content: center;
    align-items: center;
    font-size: 36px;
    margin-bottom: 7px;
}

.mobile #score li span {
    width: 48px;
    height: 48px;
}

#score li.selected span {
    border-color: var(--red-color);
}

#score .score_1 {
    color: #900E16;
}

#score .score_2 {
    color: #BB3F3F;
}

#score .score_3 {
    color: #FFB14B;
}

#score .score_4 {
    color: #02851B;
}

#score .score_5 {
    color: #16992F;
}

#response_form dl {
    padding-left: 153px;
    padding-bottom: 25px
}

.must-input {
    color: #FF0000;
}

.respones_fields_wrap {
    overflow: hidden;
}

.response_field_wrap {
    display: flex;
    flex-direction: row;
    margin-top: 56px;
}

.mobile .response_field_wrap {
    margin-top: 35px;
}

.mobile .response_field_wrap {
    flex-direction: column;
}

.response_title_field {
    font-size: var(--medium-font);
    font-weight: bold;
    min-width: 215px;
    margin-bottom: 18px;
}

.response_title_field.no-wd {
    min-width: 0;
}

.response_title_field.smaller {
    font-size: var(--base-font);
    margin-bottom: 0;
}

.text_response_field {
    top: -15px;
    position: relative;
    z-index: 1;
}

.resp_base_field {
    margin-top: 18px;
}

#message {
    font-family: Tahoma
}

#message textarea {
    max-width: 685px;
    width: 100%;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    padding: 10px;
    min-height: 202px;
    font-size: 12px;
    resize: vertical;
    overflow: auto;
}

.what_else_write {
    font-size: var(--base-font);
    padding-top: 10px;
    color: var(--link-color);
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

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

.resp_label {
    overflow: hidden;
    display: block;
}

#message p {
    font-size: 11px
}

.rotate_more {
    cursor: pointer;
    color: var(--link-color);
    font-size: var(--small-font);
    text-transform: uppercase;
}

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

.checkbox {
    margin: 0 5px 0 0;
    border: 1px solid #CECECE;
}

.checkboxes {
    display: flex;
}

.mobile .checkboxes {
    flex-direction: column;
}

.checkboxes li {
    display: flex;
    align-items: center;
    margin-left: 32px;
}

.mobile .checkboxes li {
    margin-left: 0;
    margin-top: 10px;
}

.checkboxes li.no-margin {
    margin-left: 0;
}

.submit .button {
    font-weight: bolder;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    padding: 0 18px;
    float: left;
    background: url('/i/add_response/big_button_bg.png') repeat-x 0 0;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.submit .disabled {
    background-position: 0 -34px;
    cursor: auto
}

.submit .thanks {
    font-size: 15px;
    color: #a5a5a5;
    line-height: 34px;
    font-size: 11px;
    font-family: Tahoma;
    padding-left: 16px;
    float: left
}

.thanks.disabled {
    display: none;
}

.response_rating_param {
    display: flex;
    margin-right: 40px;
    margin-bottom: 16px;
}

.mobile .response_rating_param {
    margin-right: 0;
    width: 100%;
}

.response_ratings {
    display: flex;
    flex-wrap: wrap;
}

.base_desktop .response_ratings {
    width: 670px;
}

.rate_star-desc {
    font-size: var(--medium-font);
    min-width: 150px;
}

.mobile .response_rating_param .rating-stars .rating_star_empty_ico,
.mobile .response_rating_param .rating-stars .rating_star_empty_ico {
    width: 20px;
    height: 20px;
}

.star_1 .rating_star_empty_ico:nth-child(2) {
    background: var(--rating-star-ico);
}

.star_2 .rating_star_empty_ico:nth-child(2),
.star_2 .rating_star_empty_ico:nth-child(3) {
    background: var(--rating-star-ico);
}

.star_3 .rating_star_empty_ico:nth-child(2),
.star_3 .rating_star_empty_ico:nth-child(3),
.star_3 .rating_star_empty_ico:nth-child(4) {
    background: var(--rating-star-ico);
}

.star_4 .rating_star_empty_ico:nth-child(2),
.star_4 .rating_star_empty_ico:nth-child(3),
.star_4 .rating_star_empty_ico:nth-child(4),
.star_4 .rating_star_empty_ico:nth-child(5) {
    background: var(--rating-star-ico);
}

.star_5 .rating_star_empty_ico:nth-child(2),
.star_5 .rating_star_empty_ico:nth-child(3),
.star_5 .rating_star_empty_ico:nth-child(4),
.star_5 .rating_star_empty_ico:nth-child(5),
.star_5 .rating_star_empty_ico:nth-child(6) {
    background: var(--rating-star-ico);
}

/*#ratings .stars .star_dummy {*/
/*    float: left;*/
/*    display: block;*/
/*    height: 13px;*/
/*    width: 14px;*/
/*    position: relative;*/
/*    z-index: 10;*/
/*    cursor: pointer*/
/*}*/
/*#ratings .stars .d {*/
/*    height: 13px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: 1;*/
/*    background: url('/i/photo_rating_star_hover.png') repeat-x 0 0*/
/*}*/
/*#ratings .star_1 .d {*/
/*    width: 14px*/
/*}*/
/*#ratings .star_2 .d {*/
/*    width: 28px*/
/*}*/
/*#ratings .star_3 .d {*/
/*    width: 42px*/
/*}*/
/*#ratings .star_4 .d {*/
/*    width: 56px*/
/*}*/
/*#ratings .star_5 .d {*/
/*    width: 70px*/
/*}*/
.text_field {
    width: 400px
}

.response_server_errors {
    margin-bottom: 10px;
    color: red;
}

.response_server_errors li {
    margin-bottom: 5px;
}

/*Photos*/
#upload_skin {
    display: none;
    margin-top: 6px;
}

#upload_skin_form {
    padding-top: 10px
}

#upload_skin iframe {
    display: none;
}

#upload_skin .skin_thumbnail {
    float: right;
    top: -29px;
    font-size: 10px;
}

#upload_skin .skin_thumbnail img {
    background-color: #f2f2f2;
}

#upload_skin .skin_thumbnail .not_loaded {
    position: absolute;
    top: 18px;
    left: 0px;
    color: #b3b3b3;
    width: 65px;
    text-align: center;
    line-height: 12px;
}

#upload_skin .skin_thumbnail .example {
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    position: absolute;
    left: 83px;
    top: 17px;
}

#upload_skin .field {
    padding-left: 99px;
    clear: left;
    margin-bottom: 10px;
}

#upload_skin .field input {
    vertical-align: middle;
    float: left;
}

#upload_skin .field .label {
    float: left;
    position: relative;
    left: -99px;
    margin-right: -99px;
    padding-top: 3px;
}

#upload_skin .comment {
    color: #818181;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
}

#upload_skin .controls {
    text-align: center;
    color: #808080;
    float: left;
    margin-left: 5px;
}

#upload_skin .upload_mode.standard_mode .controls {
    float: left;
    padding-top: 0;
}

#upload_skin .controls a {
    margin: 0px 4px;
}

#save_skin {
    margin: 14px auto 0px auto;
    display: block;
    font-size: 16px;
    font-weight: bold;
    width: 130px;
}

.pseudo_button {
    background: url('/images/upload/new_template/pseudo_buttons_bg.png') repeat-x 0px 0px;
    display: inline-block;
    color: #fff;
    padding: 4px 15px;
    cursor: default;
}

.pseudo_button:hover {
    text-decoration: none;
}

.pseudo_button.enabled {
    background-position: 0px -41px;
    cursor: pointer;
}

.pseudo_button.enabled:hover {
    text-decoration: underline;
}

#skin_selector .skin_category {
    background-color: #f4f4f4;
    border-top: 1px solid #dfdfdf;
    padding: 7px 0px 8px 13px;
    font-size: 13px;
}

#skin_selector .first {
    border-top: 0px;
}

#ajax_preloader {
    background: #fcf7d1 url("/images/wait.gif") no-repeat center center;
    border: 1px solid #e1b52d;
    margin: 18px 0 0 5px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
}

#upload_skin a.cancel.enabled {
    color: #235083;
}

.mobile .upload_skin_box {
    margin-top: 36px;
}

.upload_skin_placeholder {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 202px;
    height: 202px;
    border: 1px dashed var(--link-color);
    border-radius: var(--border-radius);
}

.upload_skin_placeholder:hover {
    text-decoration: underline;
    box-shadow: var(--box-shadow);
}

.mobile .upload_skin_placeholder {
    width: auto;
    height: 124px;
}

.mobile .fileupload-buttonbar {
    text-align: center;
}

.upload_skin_ico {
    width: 72px;
    height: 72px;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M63.7498 16.5938H51.75L50.1152 12.67C48.8309 9.58887 45.8399 7.59375 42.5012 7.59375H29.2083C26.064 7.59375 23.2377 9.34277 21.8309 12.1536L19.6111 16.5938H8.25018C3.6991 16.5938 0 20.2928 0 24.8439V56.3439C0 60.895 3.6991 64.5936 8.25018 64.5936H63C67.2572 64.5936 72 61.2065 72 56.3439V24.8439C72 20.2928 68.3009 16.5938 63.7498 16.5938ZM36 54.0939C27.7289 54.0939 20.9998 47.3648 20.9998 39.0938C20.9998 30.8227 27.7289 24.0936 36 24.0936C44.2711 24.0936 51.0002 30.8227 51.0002 39.0938C51.0002 47.3648 44.2711 54.0939 36 54.0939ZM59.9969 31.5967C58.344 31.5967 56.9971 30.2498 56.9971 28.5969C56.9971 26.944 58.344 25.5965 59.9969 25.5965C61.6498 25.5965 62.9973 26.944 62.9973 28.5969C62.9973 30.2498 61.6498 31.5967 59.9969 31.5967Z' fill='%23E9F0FA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='72' height='72' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.upload_skin_txt {
}

.skin_thumbnail {
    background-color: #FFFFFF;
    color: #494949;
    display: inline-block;
    font-family: Tahoma;
    font-size: 11px;
    margin: 1px 5px 0 0px;
    position: relative;
    vertical-align: top;
    border: 1px solid #B7B7B9;
    padding: 4px;
}

.skin_thumbnail img {
    display: block;
}

.skin_thumbnail:hover {
    background: #a1d8f7;
}

.skin_thumbnail .frame {
    position: relative;
}

.upload_skin {
    cursor: pointer;
}

.upload_skin .frame {
    background: #F2F2F2 url("/i/new_skin_photo.png") no-repeat scroll 4px 4px;
    height: 60px;
    width: 60px;
    border: none;
}

.skin_thumbnail .remove {
    background: url("/images/upload/new_template/remove_icon.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 1px;
    height: 9px;
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
}

.up_skin_ri {
    float: left;
}

.up_skin_le {
    float: left;
    width: 300px;
    padding-right: 25px;
}

.up_sk_ri {
    width: 130px;
    float: left;
}

.upload_modes_selector {
    margin-top: 10px;
}

.upload_modes_selector li {
    float: left;
    margin-right: -1px;
}

.upload_modes_selector .current {
    background: #E7F2F7;
}

.upload_modes_selector li:hover .pseudo {
    text-decoration: underline;
}

.upload_modes_selector li.current:hover .pseudo {
    text-decoration: none;
}

.upload_modes_selector .pseudo {
    float: left;
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: 7px;
}

.upload_mode {
    background-color: #f2f2f2;
    border-top: 1px solid #e5e5e5;
    padding: 8px 0px 10px 10px;
    position: relative;
}

/*Photo uploader*/
.photo_uploader .remove {
    padding-right: 11px;
    background: url('/i/photo_uploader/remove_cross.png') no-repeat 100% 3px;
    cursor: pointer;
    color: #235083;
    font-family: Tahoma;
    font-size: 11px
}

.photo_uploader .remove:hover {
    text-decoration: underline
}

.photo_uploader h3 {
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 10px;
    padding-top: 9px
}

.upload_mode {
    padding: 10px 10px 10px 10px;
    border: 1px solid #e2e2e2;
    background-color: #f0f0f0;
    position: relative
}

.upload_mode .reducer {
    border: 1px solid #e2e2e2;
    background-color: #FFF;
    padding: 12px 12px 9px;
}

#upload_skin .upload_mode .controls {
    padding: 17px 0 3px;
    text-align: center;
    float: none;
}

.not_loaded .controls {
    display: none
}

.upload_mode .controls .button {
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
    line-height: 23px;
    background: url('/i/photo_uploader/button_bg.png');
    cursor: pointer;
    color: #fff;
    font-family: Tahoma;
    font-size: 11px
}

.upload_mode .controls .disabled {
    background-position: 0 -23px;
    cursor: auto
}

.upload_mode .controls .disabled:hover {
    text-decoration: none
}

.button:hover {
    text-decoration: underline
}

.upload_step {
    border-bottom: 1px solid #e2e2e2;
    margin: 0 -12px;
    padding: 0 12px
}

.single_file h3 .remove {
    margin-left: 6px
}

.field dt {
    float: left;
    position: relative;
    left: -104px;
    top: 5px;
    margin-right: -100%
}

.single_file .field .description {
    font-family: Tahoma;
    font-size: 11px;
    color: #838282;
    padding-top: 5px
}

.album_field dt {
    left: -245px;
    width: 230px;
    padding-right: 21px;
    text-align: right
}

.gray_wrap {
    margin: 0 -12px 0 -12px;
    padding: 13px 0 15px 14px;
    background-color: #f4f4f4
}

.photo_info .text {
    width: 433px;
    border: 4px solid #E3E3E3;
    padding: 3px 5px;
}

.single_file .disabled {
    color: #838282
}

.not_loaded .controls {
    display: none
}

.button:hover {
    text-decoration: underline
}

.upload_mode .add_photo {
    padding-left: 25px;
    background: url('/i/photo_uploader/add_icon.png') no-repeat 0 0;
    font-size: 15px
}

.previously_loaded_mode .upload_step {
    padding-bottom: 10px
}

.select_album select {
    margin-left: 15px;
    width: 350px
}

.album .tip {
    padding-top: 12px
}

.album .tip .remove {
    margin-left: 18px
}

.photo_thumb {
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #b7b7b7;
    display: block
}

.photo_thumb .wrapper {
    width: 61px;
    height: 61px;
    overflow: hidden
}

.upload_mode .photos_list {
    padding-top: 10px
}

.upload_mode .photos_list .photo {
    display: inline-block;
    vertical-align: top;
    background-color: #f0f0f0;
    border: 1px solid #e2e2e2;
    padding: 6px 4px 4px 4px;
    margin: 0 14px 16px 0;
    border-radius: 2px;
    -moz-border-radius: 2px
}

.upload_mode .photos_list .photo input {
    display: block;
    margin: 3px 0 5px
}

.upload_mode .photos_list .selected_photo {
    background-color: #c6c6c6;
    border-color: #c6c6c6
}

.photo_uploader .uploaded_photos {
    background-color: #f0f0f0;
    border: 1px solid #e2e2e2;
    padding: 0 11px 12px 11px;
    margin: 0 0 15px
}

.photo_uploader .remove {
    background: url("/i/photo_uploader/remove_cross.png") no-repeat scroll 100% 3px transparent;
    color: #235083;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 11px;
    padding-right: 11px;
}

.get_social_login {
    padding: 20px;
    text-align: center
}

.get_social_login p {
    color: #919191;
    margin-bottom: 15px
}

.tip-privacy {
    margin-top: 10px;
}

.get_social_login .button {
    display: block;
    width: 200px;
    margin: 0 auto;
    cursro: pointer;
}

.empty_album_msg {
    color: #919191;
    text-align: center;
    padding: 20px
}

.album {
    padding-top: 10px
}

#vk_photo_login {
    position: relative;
    left: -65px;
}

#fb_photo_login {
    background: url("/i/auth/social_auth_buttons.png") no-repeat scroll 0 -23px;
    width: 71px;
    height: 21px;
    text-align: center;
}

.get_social_login .button.hidden {
    display: none;
}

#yandex_login {
    padding: 3px;
    margin-right: 5px;
    width: 120px;
}

.photos_unlogin {
    padding: 3px;
    margin-right: 5px;
    width: 130px;
}

#ya_logo {
    margin-right: 10px;
    vertical-align: bottom;
}

#picasa_logo {
    margin-right: 10px;
    vertical-align: middle;
}

.unlogged_error {
    margin-top: 10px;
    color: red;
}

/*Questions add*/
.label_quest {
    font-weight: bold;
    display: block;
    margin-top: 12px;
}

.add_question {
    border: 2px solid #e1e1e1;
    display: block;
    width: 90%;
    padding: 4px 5px;
    margin-top: 2px;
    font-size: 14px;
}

.add_question:focus, .add_question_text:focus {
    border-color: #c5c5c5
}

.add_question_text {
    border: 2px solid #e1e1e1;
    font-size: 14px;
    width: 90%;
    padding: 3px 5px;
    height: 200px;
    min-height: 200px;
    resize: vertical;
}

.submit.question_submit {
    padding-left: 0;
    margin-top: 15px;
}

/*When user was*/
.rating_prove {
    margin-top: 5px;
}

body:not(.mobile) .rating_prove_box {
    margin-top: 10px;
}

.mobile .rating_prove_box:nth-child(2) {
    margin-top: 35px;
}

.base_desktop .rating_prove_box:first-child {
    margin-right: 70px;
}

.response_input:hover, .response_input:focus {
    border-color: #57aecb
}

input.response_input, textarea.response_input {
    width: 278px;
    font-size: 14px;
    height: 30px;
    padding: 5px;
    margin-right: 14px;
    background: #fff;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    border-radius: var(--border-radius);
}

select.response_input {
    padding: 5px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #EFEFEF;
    border-radius: var(--border-radius);
}

.response_input[disabled], .response_input[disabled]:hover {
    border-color: #ccc;
}

.rating_prove_content {
    position: relative;
    z-index: 1;
    margin-top: 4px;
}

.rating_prove_content select.response_input {
    margin-right: 5px;
}

.rating_note {
    font-size: 10px;
    color: #828282;
    margin-top: 7px;
}

/*Custom datepicker*/
.custom_datepicker {
    background: #fff;
    width: 210px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0px 0px 3px #d9d9d9;
    -moz-box-shadow: 0px 0px 3px #d9d9d9;
    -webkit-box-shadow: 0px 0px 3px #d9d9d9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: -1px;
}

.custom_datepicker .ui-datepicker-calendar td, .custom_datepicker .ui-datepicker-calendar th {
    text-align: center;
}

.custom_datepicker .ui-datepicker-calendar th span {
    display: block;
    margin-bottom: 2px;
}

.ui-datepicker-trigger {
    border: 0;
    background: none;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 232px;
    height: 30px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0px;
    cursor: pointer;
}

.ui-datepicker-trigger img {
    text-align: right;
    float: right;
    margin: -6px 3px 0 0;
}

.custom_datepicker .ui-datepicker-next span, .ui-datepicker-prev span {
    display: none;
}

.custom_datepicker .ui-datepicker-next, .custom_datepicker .ui-datepicker-prev {
    width: 20px;
    height: 20px;
    text-align: center;
    background: #2b97f0;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 0.8;
    float: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.custom_datepicker .ui-datepicker-next.ui-state-disabled, .custom_datepicker .ui-datepicker-prev.ui-state-disabled, .custom_datepicker .ui-datepicker-next.ui-state-disabled:hover, .custom_datepicker .ui-datepicker-prev.ui-state-disabled:hover {
    background: #dedede;
    cursor: default;
}

.custom_datepicker a.ui-datepicker-next:hover, .custom_datepicker a.ui-datepicker-prev:hover {
    text-decoration: none;
    cursor: pointer;
    background: #2982cc;
}

.custom_datepicker .ui-datepicker-prev {
    text-indent: -1px;
}

.custom_datepicker .ui-datepicker-next {
    text-indent: 1px;
    float: right;
}

.custom_datepicker .ui-datepicker-prev:before {
    content: "‹"
}

.custom_datepicker .ui-datepicker-next:before {
    content: "›"
}

.custom_datepicker .ui-datepicker-title {
    text-align: center;
}

.custom_datepicker .ui-datepicker-month {
    margin-right: 3px;
}

.custom_datepicker .ui-datepicker-title select {
    border: 1px solid #828282;
    padding: 2px;
    font-size: 11px;
    border-radius: 3px;
}

.custom_datepicker .ui-datepicker-title select:hover, .ui-datepicker-title select:focus {
    border-color: #2b97f0;
}

.custom_datepicker .ui-datepicker-calendar {
    width: 100%;
    margin-top: 10px;
}

.custom_datepicker .ui-state-default {
    color: #1388e1;
}

.custom_datepicker a.ui-state-default:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #19609a;
}

.custom_datepicker .ui-datepicker-unselectable .ui-state-default {
    color: #c6c6c6;
}

.custom_datepicker .ui-datepicker-current-day a {
    color: #5cd759;
}

.custom_datepicker .ui-datepicker-current-day a.ui-state-active {
    font-weight: bold;
    color: #dd3b43;
}

.custom_datepicker .ui-datepicker-today a {
    color: #66df46;
    font-weight: bold;
}

/*Adaptive styles*/
@media screen and (max-width: 980px) {
    .mobb .back {
        top: 0;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .mobb #response_form .rev_detail {
        margin-bottom: 15px;
        display: block;
        float: none;
        max-width: 290px;
    }

    .mobb .add_re_right {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .mobb .add_re_right.pull_to_top, .mobb .add_re_right.pull_to_komka {
        margin-top: 0
    }

    .mobb .rating_note {
        max-width: 600px;
    }

    .mobb .text_response_field {
        top: 0
    }

    /*Загрузчик*/
    .mobb .flu-table {
        width: 100%
    }

    .mobb .flu-base-button {
        margin: 0;
    }

    .mobb .flu-buttonholder .flu-base-button {
        margin: 0 5px 5px 0;
        min-width: 130px
    }

    .mobb .flu-base-button.start {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 768px) {
    .mobb #response_form dl {
        padding-left: 0;
    }

    .mobb #message #response_text {
        min-height: 200px !important;
        height: 200px !important;
        display: block;
        float: none;
        max-width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobb .text_field {
        max-width: 100%;
        width: 100%;
        display: block;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobb .add_re_right {
        margin-left: 0;
    }

    .mobb #response_form dt {
        margin: 0;
        left: 0;
        display: block;
        float: none;
        margin-bottom: 5px;
    }

    .mobb .upload_modes_selector {
        display: none;
    }

    .mobb #upload_skin .upload_mode.standard_mode .controls {
        display: block;
        clear: left;
        margin-left: 0;
        padding-top: 10px;
    }

    .mobb #upload_skin .field .label {
        left: 0;
        margin-right: 7px;
        margin-bottom: 3px;
    }

    .mobb #upload_skin .field {
        padding-left: 0;
    }

    .mobb #upload_skin .controls a.apply {
        margin-left: 0;
    }

    /*Загрузчик*/
    .mobb .flu-buttonholder {
        text-align: center;
    }

    .mobb .flu-table td {
        padding-right: 3px;
        padding-left: 3px
    }
}
