/* Start:/local/templates/.default/components/bitrix/main.profile/visiting_card2/style.css?1766498009164721*/
.aprg_m .adding_type,
.addition-type-pogram .titleStatus.moderation {
  color: #ff9502;
}
.titleStatus.ended {
  color: #4383b8;
}
.titleStatus.public {
  color: mediumseagreen;
}
.arhivItemTitle {
  cursor: pointer;
  padding: 0px 10px !important;
  background: lavender;
}
.arhivItemTitle h2 {
  margin: 10px;
}
.arhivItem {
  padding-bottom: 5px !important;
}
.titleStatus {
  display: block;
  float: right;
  margin-top: 16px;
  font-weight: 600;
}
.arhiveDetailStat {
  display: none;
}
.marketStatIco {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/pie_chart_black.svg");
}
#popupRules .submit_marketing.green,
.about_marketing .submit_marketing.green {
  border: 1px solid #789440;
  background: #789440;
  color: white;
  font-weight: normal;
}
.marketing_stat a.help {
  background: none !important;
  color: #789440 !important;
  font-weight: 600;
}
.marketing_section_body .title h3 {
  font-size: 18px;
  margin: 5px;
}
.photo_c + .code {
  float: right;
  display: inline;
  position: relative;
  margin: -13px 25px 0 0;
  width: 85px;
  text-align: center;
  height: 26px;
  font: normal 14px/26px Arimo, sans-serif;
  color: white;
  background-color: #595959;
}
.photo_c .countersdata i,
.photo_c .countersdata span {
  color: white !important;
}
.marketing_section_body .material-icons {
  color: white !important;
}
.photo_c .countersdata {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.61);
  color: white;
  left: 0;
  padding-top: 7px;
}
.photo_c.imaged {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.marketing_body .srv_body {
  display: inline-block;
  width: 100%;
}

.p-s-r {
  width: 100%;
  height: 1px;
  font-size: 1px;
}

.popup-window-overlay {
  right: 0;
  bottom: 0;
}

/*check radio<<<*/
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}

.checkbox + label {
  cursor: pointer;
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + span {
  position: relative;
  padding: 0 0 0 60px;
}

.checkbox:not(checked) + span:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #cdd1da;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.checkbox:not(checked) + span:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.2s;
}

.checkbox:checked + span:before {
  background: #9fd468;
}

.checkbox:checked + span:after {
  left: 26px;
}

.checkbox:focus + span:before {
  box-shadow: 0 0 0 3px rgba(255, 255, 0, 0.5);
}

.radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0 3px 0 0;
}
.radio + span {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + span {
  position: relative;
  padding: 0 0 0 35px;
}
.radio:not(checked) + span:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #cdd1da;
  border-radius: 50%;
  background: #fff;
}
.radio:not(checked) + span:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9fd468;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.2s;
}
.radio:checked + span:after {
  opacity: 1;
}
.radio:focus + span:before {
  box-shadow: 0 0 0 3px rgba(255, 255, 0, 0.5);
}

.field-line-t {
  display: table;
}
.field-line-c {
  display: table-cell;
  vertical-align: top;
}
.material-icons.del-file-btn {
  font-size: 22px;
  cursor: pointer;
  cursor: hand;
  line-height: 22px;
  vertical-align: bottom;
  margin-right: 12px;
}
.material-icons.del-file-btn.video {
  line-height: 40px;
  float: left;
  margin-top: 10px;
}
.video-c .add-video {
  font-size: 13px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  margin-top: 20px;
  white-space: nowrap;
  float: left;
}
.save-btn .full-name {
  display: inline;
}
.radioBox {
  border: 1px solid transparent;
  display: inline-block;
}

/*check radio<<<*/
@media screen and (max-width: 680px) {
  .slogan {
  }
}
@media screen and (max-width: 630px) {
  .marketing_section_body {
    width: 45% !important;
    float: none;
    padding: 0 !important;
    margin: 10px !important;
    margin-bottom: 10px;
    border: none !important;
  }
}
@media screen and (max-width: 540px) {
  .marketing_section_body {
    width: 90% !important;
  }
}
@media screen and (max-width: 465px) {
  .field-line-c {
    float: left;
    margin-bottom: 6px;
  }
}
.form-change-lang-box {
  padding-top: 29px;
  margin-bottom: 12px;
  height: 44px;
  line-height: 44px;
}
.form-change-lang-box .emptly,
.form-change-lang-box a {
  font-size: 20px;
  margin: 0;
  padding: 0 16px;
  float: left;
  display: inline;
  text-decoration: none;
  color: #333;
}
.form-change-lang-box a:link,
.form-change-lang-box a:active,
.form-change-lang-box a:visited {
  color: #333;
}
.form-change-lang-box .emptly,
.form-change-lang-box a:hover {
  background-color: #668000;
  color: white;
}

.marketing_stat {
  background-color: #d7e3bf;
  width: 100%;
  height: 100%;
  text-align: left;
}
.marketing_stat div.marketing,
.marketing_stat a.marketing {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 45px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/marketing_24px.svg") 15px center no-repeat;
  font: normal 14px/2.95em Roboto, sans-serif;
  vertical-align: middle;
  color: #818181;
  text-decoration: none;
  box-sizing: border-box;
}
.marketing_stat div.marketing.disabled {
  background-color: #dcdcdd;
}
.mainoperation {
  padding: 0;
  margin: 0 auto;
  height: 24px;
  width: 24px;
  cursor: pointer;
  position: relative;
  display: block;
}
.marketingproject .mainoperation_box .del {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_delete_black_24dp_1x.png") center center no-repeat !important;
}
.marketingproject .mainoperation_box .edit {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/edit_24.png") center -41px no-repeat !important;
}
.marketingproject .mainoperation .mainop_tooltip {
  display: none;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/need_tooltip.png") center bottom no-repeat !important;
  color: white;
  width: 168px;
  border-radius: 3px;
  position: absolute;
  right: -90px;
  bottom: 30px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-align: center;
  padding: 7px 16px 15px 16px;
  z-index: 1;
}
.marketingproject .mainoperation_box .mainoperation_t .mainoperation_c.col1 {
  width: 70% !important;
  border-right: 1px solid #e0e0e0 !important;
}

.marketing_stat .settings:hover {
  background-color: #f0f0f0 !important;
}

.marketing_stat .settings {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_settings_grey_24dp_1x.png") 60px center no-repeat !important;
  padding: 5px 10px 5px 30px !important;
  border: 2px solid #ea700d;
  width: 82% !important;
  display: block;
  text-align: center;
  font-size: 16px !important;
  line-height: 39px;
  color: #313131;
  text-decoration: none;
}
.marketing_stat .right {
  float: right;
  margin-top: -25px;
}
span.passed {
  color: green;
}
span.refused {
  color: red;
}

.about_marketing .stat {
  font-size: 20px;
  display: inline-block;
  border-bottom: 2px solid silver;
  margin: 5px;
}
span.more i {
  font-size: 18px;
  cursor: pointer;
  color: #6d8fbc;
}
span.more .hide_ico {
  display: none;
}
span.more {
  text-align: center;
  display: inline-block;
  color: #7f7f7f;
  margin-top: 5px;
  position: absolute;
}
.marketing_index_desc {
  height: 165px;
  overflow: hidden;
  color: #5a5a5a;
  line-height: 17px;
}
.marketing_stat p:first-child,
.mainoperation_edit p:first-child {
  text-align: left;
  font-size: 16px;
  cursor: pointer;
  margin: 0;
}
.popup-window-close-svg {
  position: absolute;
  right: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_close_black_24px.svg") center center no-repeat;
  cursor: pointer;
  cursor: hand;
}
.marketing_stat .content.nomoderate {
  color: red;
}
.marketing_stat .content {
  background: white;
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  text-align: -webkit-auto;
  font-size: 16px;
  margin: 0 !important;
  width: 89%;
  z-index: 5;
  padding: 20px 16px 0px 16px;
}
.marketing_stat .warningContent {
  background: white;
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  text-align: -webkit-auto;
  font-size: 14px;
  line-height: 1.2;
  color: red;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 5;
  padding: 16px 32px 16px 16px;
}
.marketing_stat .warningContent span {
  margin: 0 10px 0 0;
}
.marketing_stat span {
  margin: 0 10px;
  font-weight: 600;
}
.marketing_body .up_v_c {
  width: 100% !important;
}
.marketing_body .title {
  border: none !important;
  font-size: 12px !important;
}

.marketing_head h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 13pt;
  text-align: left;
}
.marketing_head.aprg_c {
  width: 97%;
  color: #5a5a5a;
  display: inline-block;
  margin-top: 20px;
}
.marketing_head.aprg_c select {
  color: #5a5a5a;
  border: 1.5px solid #d9d9d9;
  font-size: 16px;
}
.marketing_body .srv_service_t {
  background-color: #7f7f7f !important;
  color: white;
}
.marketing_section_body:nth-child(odd) {
  width: 42%;
  margin-right: 60px;
}
.marketing_section_body:nth-child(even) {
  width: 42%;
  padding-left: 25px;
  border-left: 2px dashed #dfdfdf;
}
.marketing_section_body {
  float: left;
  background-color: white;
  margin-bottom: 10px;
}
.about_marketing .date_title {
  width: 45%;
  display: block;
  float: left;
}
span.date_title + input {
  margin-top: 7px;
  width: 101px;
  font-size: 18px;
  float: right;
  color: #5a5a5a;
  background: #fafafa;
  border: 1px solid silver;
  padding: 5px;
}
.about_marketing form > div {
  margin: 15px 0 0 0 !important;
  display: inline-block;
}
.about_marketing {
  padding: 5px;
}
#popupRules .submit,
.about_marketing .submit {
  background-color: #ea700d;
  border: 1px solid #ea700d;
  font-size: 16px;
  line-height: 28px;
  margin: 15px;
  padding: 6px 0;
  color: white;
  display: inline-block;
  border-radius: 3px;
  position: relative;
  width: 185px;
  text-align: center;
  cursor: pointer;
}
.goal_list,
.tariff_list {
  width: 100%;
  display: inline-block;
}
.about_marketing label {
  float: left;
  margin: 2px;
  cursor: pointer;
}
/*
.marketing{
    background-size: 12%;
    width: 100%;
    display: block;
    border-bottom: 1px solid #eb7414;
    font-size: 19px;
    text-align: center;
    color: #eb7414!important;
    text-decoration: none;
}

.marketing:hover{
    border-bottom: 1px solid #789440;
    color: #789440!important;
}
*/

input.my_service {
  width: 94%;
  margin: 0px 0px 10px 5px;
  font-size: 16px;
  padding: 5px;
}
.html_select_service {
  font-size: 1em;
  width: 96%;
  min-width: auto;
  margin: 10px 5px;
  text-indent: 0.01px;
  padding: 6px 19% 6px 5px;
  line-height: 20px;
  border: 1px solid rgb(217, 217, 217);
  background-color: white;
  color: black;
}

#WellcomAdding {
  top: 15% !important;
  position: fixed !important;
}
.errorset {
  border-color: red !important;
}
/* не ставити ні паддінгів ні маргенів ! */
.errorset_b {
  border: 1px solid red !important;
}
.errortext {
  color: red;
}
.passtext {
  color: #789440;
  font-weight: 700;
}
span.green {
  color: #789440;
  font-weight: 700;
}
span.red {
  color: red;
  font-weight: 700;
}
.error_input_desc,
.error_input_desc2 {
  margin: 3px 0 6px;
  color: red;
  font-size: 13px;
  line-height: 15px;
  display: none;
  width: 100%;
}
.error_input_desc2 {
  margin: 6px 0 0 15px;
  text-align: left;
}
.error_input_desc.PRICE {
  width: 200px;
}
.error_input_desc.yt_error {
  margin: 10px 0 0 195px;
}
.error_desc_move {
  float: right;
  color: red;
  width: 50%;
  font-size: 14px;
  line-height: 18px;
}

.profile_wrapper {
  width: 100%;
  text-align: center;
  padding-bottom: 250px;
}
/*
.profile_container
{
    padding:0;
    margin:0 auto;
    width:880px;
    text-align:left;
}
*/

.up_v_c_sh {
  height: 30px;
  width: 100%;
}

/* old wiev */
.auth_profile_container {
  padding: 0;
  font-weight: 300;
}
.auth_profile_container .profile_card {
  float: left;
  display: inline;
  width: 290px;
  border: 1px solid rgb(217, 217, 217);
  margin: 0;
  background-color: rgb(249, 249, 250);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.auth_profile_container .card_header {
  width: 100%;
  height: 36px;
  float: left;
  display: inline;
  border-bottom: 1px solid rgb(217, 217, 217);
  background-color: rgb(242, 242, 242);
}
.card_header .title {
  line-height: 36px;
  margin-left: 18px;
  font-size: 16px;
  float: left;
  display: inline;
}
.card_header .action,
.pp_c .action,
.aint_m .action {
  width: 36px;
  height: 36px;
  float: right;
  display: inline;
  margin: 0;
  cursor: pointer;
  cursor: hand;
  border-left: 1px solid rgb(217, 217, 217);
  color: #7f7f7f;
  text-align: center;
}
.pp_c .action a i,
.aint_m .action a i {
  color: #7f7f7f;
}
.pp_c .action i,
.aint_m .action i {
  margin-top: 5px;
}
.card_header .action.save,
.pp_c .action.save {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/save.png") center center no-repeat;
}
.card_header .action.edit,
.pp_c .action.edit {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/edit_24.png") center bottom no-repeat;
}
.card_header .action.edit.overis,
.pp_c .action.edit.overis {
  background-position: center top;
}
.card_header .tooltip,
.pp_c .tooltip {
  color: white;
  padding: 4px 25px;
  float: left;
  font-size: 13px;
  display: none;
  top: -14px;
  position: relative;
}
.card_header .tooltip {
  position: relative;
}
.pp_c .tooltip {
  position: absolute;
  right: 30px;
}
.card_header .tooltip.edit {
  background-color: #ea700d;
  right: -25px;
}
.pp_c .tooltip.edit {
  background-color: #ea700d;
  right: 40px;
}
.card_header .tooltip.save {
  background-color: #789440;
  right: -55px;
}
.pp_c .tooltip.save {
  background-color: #789440;
  right: 40px;
}
.profile_card .profile_card_body {
  text-align: center;
  padding: 0 0 16px 0;
}
.profile_card_body .name,
.profile_card_body .last_name {
  padding-top: 10px;
  width: 126px;
  display: inline;
}
.profile_card_body .name {
  float: left;
  display: inline;
  margin-left: 16px;
}
.profile_card_body .last_name {
  float: right;
  display: inline;
  margin-right: 16px;
}

.profile_card_body .name input,
.profile_card_body .last_name input {
  border: 1px solid rgb(217, 217, 217);
  background-color: #ffffff;
  width: 122px;
  padding: 0;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  text-align: center;
}
.profile_card_body .name input {
}
.profile_card_body .last_name input {
}
.profile_card_body .name input:disabled,
.profile_card_body .last_name input:disabled {
  background-color: rgb(249, 249, 250);
  border: 1px solid rgb(249, 249, 250);
}
.profile_card_body .photo_box {
  position: relative;
  margin-top: 20px;
}
.profile_card_body .photo_box .photo {
  width: 112px;
  height: 112px;
  display: inline-block;
  border: 1px solid rgb(216, 216, 216);
  border-radius: 56px;
  background-image: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/nophoto.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profile_card_body .photo_box .photo .tooltip {
  display: none;
  position: relative;
  color: white;
  padding: 4px 20px;
  position: relative;
  float: left;
  font-size: 13px;
  background-color: #ea700d;
  top: -30px;
  left: -80px;
}
.profile_card_body .photo_box .photo_remove {
  display: none;
  position: absolute;
  right: 95px;
  top: 10px;
  border-radius: 20px;
  width: 14px;
  height: 14px;
  text-align: center;
  font-size: 14px;
  line-height: 12px;
  border: 1px solid #777777;
  background-color: white;
  text-decoration: none;
  color: #ff0000;
  font-weight: 400;
  cursor: pointer;
  cursor: hand;
}

.profile_card_body .photo.change_ph {
  cursor: pointer;
  cursor: hand;
}
.profile_card_body .photo_adding_c {
  display: none;
}
.profile_card_body .photo_remove_c {
  display: none;
  font-size: 13px;
  line-height: 20px;
}
.profile_card_body .role_desc {
  padding-top: 10px;
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: #444;
  display: none;
}
.profile_card_body .role_btn {
  font-size: 16px;
  line-height: 28px;
  border: 1px solid rgb(217, 217, 217);
  display: inline-block;
  margin-top: 10px;
  padding: 5px 0;
  color: #3f3f3f;
  font-weight: 400;
  width: 258px;
  text-align: center;
  white-space: nowrap;
}
.profile_card_body .role_btn.noborder {
  border: none;
  padding: 5px 0;
}
.profile_card_body .role_btn.selected_role {
  background-color: #ffffff;
  border: 1px solid #ea700d;
  background-color: #ea700d;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  cursor: hand;
}
.profile_card_body .email_box {
  margin: 23px 16px 0 16px;
  position: relative;
}
.profile_card_body .email_box input {
  border: 1px solid rgb(217, 217, 217);
  width: 206px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 34px;
  background-color: white;
  text-align: center;
  font-weight: 300;
  float: left;
  display: inline;
}
.email_box .subsc_c {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/mail_setting_orange.png") left center no-repeat;
  cursor: pointer;
  cursor: hand;
}
.email_box .subsc_c .subsc_c_tt {
  display: none;
  position: absolute;
  right: 20px;
  top: -25px;
  padding: 7px 16px;
  color: white;
  background-color: #ea700d;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  border-radius: 3px;
  border: 1px solid white;
}
.profile_card_body .input_box {
  margin: 0 16px 0 16px;
  overflow: hidden;
  border-top: 1px solid rgb(217, 217, 217);
}
.profile_card_body .input_box.noborder {
  border-top: none;
}
.profile_card_body .input_box.region {
  padding-top: 5px;
  padding-bottom: 5px;
}
.profile_card_body .input_box.region span {
  color: #a9a9a9;
}
.select_role .input_box {
  margin: 10px auto 10px auto;
}
.profile_card_body .input_box input {
  border: 1px solid rgb(217, 217, 217);
  width: 236px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 34px;
  background-color: white;
  text-align: center;
  font-weight: 300;
}
.profile_card_body .input_box a {
  text-decoration: none;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.profile_card_body .input_box input:disabled,
.profile_card_body .input_box select:disabled {
  background-color: transparent;
  border: 1px solid transparent;
  color: #3f3f3f;
}
.select_role .input_box select:disabled {
  background-color: transparent;
  color: #3f3f3f;
}
.profile_card_body .subscribe_box {
  margin: 5px 16px 5px 16px;
  padding: 5px 0 5px 12px;
  background: #ea700d url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/mail_setting_white.png") 225px 6px no-repeat;
  line-height: 26px;
  color: white;
  border-radius: 3px;
  text-align: left;
  cursor: pointer;
  cursor: hand;
  display: none;
}
.profile_card_body .subscribe_box.active {
  display: block;
}

.profile_card_body .region_selecting {
  display: none;
}
.profile_card_body .input_box select,
.select_role .input_box select {
  font-size: 15px;
  width: 280px;
  max-width: 280px;
  min-width: 280px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 6px 19% 6px 5px;
  line-height: 20px;

  border: 1px solid transparent;
  background-color: white;
  color: black;
}
.profile_card_body .input_box.dropdown,
.select_role .input_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 256px;
  max-width: 256px;
  border: 1px solid rgb(217, 217, 217);
}
.profile_card_body .input_box select::-ms-expand,
.select_role .input_box select::-ms-expand {
  display: none;
}
.profile_card_body .input_box.dropdown:after,
.select_role .input_box.dropdown:after {
  content: "\2006\2006\2006";
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_arrow_drop_down_black_24dp_1x.png") center top
    no-repeat;
  font-size: 1em;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 0.4em;
  bottom: 0.3em;
  z-index: 1;
  pointer-events: none;
}
.profile_card_body .input_box.dropdown:hover {
}
.profile_card_body .input_box select:focus,
.select_role .input_box select:focus {
  outline: none;
}

#selecting_user_role {
  display: none;
}
#selecting_user_role .select_role {
  width: 420px;
  background-color: #f2f2f2;
}
#selecting_user_role .list_item {
  display: table;
  width: 100%;
  margin: 20px 0;
}
#selecting_user_role .list_item .list_check_c {
  display: table-row;
  vertical-align: top;
  cursor: pointer;
  cursor: hand;
}
#selecting_user_role .list_check_b {
  display: table-cell;
  width: 60px;
}
#selecting_user_role .list_check {
  margin: 2px 36px 0 0;
  width: 24px;
  height: 24px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/radio.png") left top no-repeat;
}
#selecting_user_role .list_item .list_label {
  vertical-align: top;
  display: table-cell;
  text-align: left;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400;
}
#selecting_user_role .list_label .role_desc {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  font-style: italic;
  color: #a19694;
}
#selecting_user_role .list_check.cheked_item {
  background-position: left bottom;
}
#selecting_user_role .put_role {
  font-size: 18px;
  line-height: 30px;
  border: 1px solid rgb(216, 216, 216);
  display: inline-block;
  margin-top: 10px;
  padding: 5px 50px;
  background-color: #c4d6a0;
  color: white;
}
#selecting_user_role .put_role.can_save_role {
  background-color: #789440;
  cursor: pointer;
  cursor: hand;
}
.masked_layer {
  width: auto;
  height: auto;
  display: block;
  position: absolute;
}
.auth_profile_container .cardbox {
  position: relative;
}
.auth_profile_container .cardbox .card_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: white;
  opacity: 0.75;
}

#user_rubric_c {
}
#user_rubric_c .select_rubric {
}
#user_rubric_c .desc {
  text-align: left;
  padding-top: 0;
  padding-left: 0;
}
#user_rubric_c .rubric_box {
  margin-top: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
#user_rubric_c .rubric_box input,
#user_rubric_c .subrubric_box input,
#user_rubric_c .uns_rubrics input {
  margin-right: 15px;
}
#user_rubric_c .rubric_box span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 300;
  margin-left: 37px;
}
#user_rubric_c .subrubric_box {
  margin: 10px 0 0 34px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

#user_rubric_c .country_box {
  margin: 20px 0 0 0;
}
#user_rubric_c .country_box .country_bt {
  display: inline;
  float: left;
  font-weight: 400;
  margin: 0 25px 0 0;
  font-size: 16px;
  line-height: 38px;
}
#user_rubric_c .country_c {
  width: 200px;
  margin: 0 18px 0 0;
  float: left;
  display: inline;
}
#user_rubric_c .country_c .sc_btn {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  height: 38px;
  line-height: 38px;
  text-align: left;
  cursor: pointer;
  text-align: left;
  font-weight: 300;
  width: 190px;
  color: #606060;
  background: #ffffff url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_arrow_drop_down_black_24dp_1x.png") 178px
    center no-repeat;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  box-sizing: content-box;
}
#user_rubric_c .country_c .sc_c {
  position: relative;
  display: none;
}
#user_rubric_c .country_c .sc_list {
  padding: 10px 5px 10px 10px;
  width: 215px;
  height: 170px;
  overflow-x: hidden;
  overflow-y: scrool;
  background: white;
  position: absolute;
  left: 0;
  top: -190px;
  z-index: 900;
  border: 1px solid #d8d8d8;
  font-size: 15px;
  line-height: 25px;
}
#user_rubric_c .country_c .sc_list input {
  margin: 0 5px 0 0;
}
#user_rubric_c .country_c .sc_box {
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 38px;
  text-align: center;
  background-color: #6a8238;
  border: 1px solid #6a8238;
  color: white;
  cursor: pointer;
  cursor: hand;
  font-weight: 300;
  width: 210px;
}

#user_rubric_c .uns_rubrics {
  display: inline;
  float: left;
  margin-top: 30px;
  margin-left: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}
#user_rubric_c .save_rubrics {
  font-size: 16px;
  line-height: 28px;
  border: 1px solid #a4a4a4;
  margin-top: 60px;
  margin-right: 0;
  padding: 3px 30px;
  color: white;
  background-color: #a4a4a4;
  cursor: pointer;
  cursor: hand;
  display: inline;
  float: right;
  border-radius: 3px;
}
#user_rubric_c .save_rubrics.active {
  background-color: #789440;
  border: 1px solid #789440;
}
#user_rubric_c .mail-attention {
  color: red;
  clear: both;
  padding-top: 10px;
  font-size: 15px;
}

.socservice_login {
  text-align: center;
  width: 100%;
}
.socservice_login.direct {
}
.socservice_login .google,
.socservice_login .facebook,
.socservice_login .vk,
.socservice_login .linkedin,
.socservice_login .twitter {
  display: inline-block;
  margin: 10px auto 0 auto;
  width: 33px;
  height: 33px;
  background-image: url(/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/sprite2.png);
  background-repeat: no-repeat;
  border-radius: 20px;
  border: 1px solid rgb(217, 217, 217);
}
.socservice_login .google {
  background-position: -749px -1px;
}
.socservice_login .facebook {
  background-position: -705px -1px;
}
.socservice_login .vk {
  background-position: -617px -1px;
}
.socservice_login .linkedin {
  background-position: -573px -1px;
}
.socservice_login .twitter {
  background-position: -661px -1px;
}

.profile_card_body .secservsplit {
  margin: 10px 16px 0 16px;
}
.profile_card_body .action_profile {
  border-top: 1px solid rgb(217, 217, 217);
  margin: 10px 16px 0 16px;
  padding: 16px 0 0 0;
  display: none;
}
.profile_card_body .action_profile .button_save {
  font-size: 16px;
  line-height: 28px;
  border: 1px solid #d7e3bf;
  margin: 0;
  padding: 3px 20px;
  color: white;
  background-color: #d7e3bf;
  cursor: pointer;
  cursor: hand;
  display: inline;
  float: right;
  border-radius: 3px;
  position: relative;
}
.btn_save_line .need_fil {
  background-color: #ff0000;
  color: white;
  width: 168px;
  border-radius: 3px;
  position: absolute;
  right: 0px;
  top: 65px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-align: left;
  padding: 7px 16px 15px 16px;
  display: none;
}
.profile_card_body .action_profile .button_save.active {
  background-color: #789440;
  border: 1px solid #789440;
}

#entreprener_projects {
  margin: 0;
  padding: 0;
  font-weight: 300;
}
#entreprener_projects .e_addprj {
  border: 1px solid #dfe1da;
  background-color: #ebf1df;
  padding: 0 0 0 10px;
  font-size: 18px;
  line-height: 40px;
}
#entreprener_projects .e_addprj .button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 35px;
  display: inline;
  text-align: center;
}
#entreprener_projects .e_addprj .button.right {
  float: right;
  border-left: 1px solid #dfe1da;
}
#entreprener_projects .e_addprj a.button {
  text-decoration: none;
  color: #7f7f7f;
}
.entreprener_projects input {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 38px;
  background-color: white;
  text-align: left;
  font-weight: 300;
}
.entreprener_projects input.long {
  width: 96%;
  padding: 0 2%;
}
.entreprener_projects input.price {
  width: 180px;
}
#addproject_step1 .title {
  font-size: 25px;
  line-height: 33px;
  padding: 0 100px 0 0;
}
#addproject_step1 .type_point {
  display: inline;
  float: left;
  margin: 15px 18px 0 0;
  background-color: #668000;
  width: 16px;
  height: 16px;
  border-radius: 20px;
}
#addproject_step1 .type_desc {
  display: inline;
  float: left;
  margin: 15px 36px 0 0;
  height: 16px;
  line-height: 16px;
}
#addproject_step1 .form_card {
  border: 1px solid #e2e2e2;
  background-color: #f9f9fa;
  padding: 22px;
  margin: 30px 0 0 0;
}
#addproject_step1 .form_card .name_desc {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 10px 0;
}
#addproject_step1 .select_box {
  width: 100%;
  margin: 30px 0 0 0;
}
#addproject_step1 .select_box .input_box {
  display: inline;
  float: left;
  margin: 0 16px 0 0;
  z-index: 800;
}
#addproject_step1 .select_box .select_box_desc {
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
}
#addproject_step1 .button_next_step1 {
  margin: 30px 0 0 0;
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  display: inline;
  text-align: center;
  float: right;
  background-color: #bfbfbf;
  color: white;
  border-radius: 3px;
}
#addproject_step1 .button_next_step1.active {
  background-color: #668000;
  cursor: pointer;
  cursor: hand;
}
#addproject_step1 .input_box select,
#addproject_step2 .input_box select,
#editprj_edit .input_box select {
  font-size: 15px;
  width: 224px;
  max-width: 224px;
  min-width: 224px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 6px 24px 6px 5px;
  line-height: 20px;

  border: 1px solid transparent;
  background-color: white;
  color: #606060;
}
#addproject_step1 .input_box.long select,
#addproject_step2 .input_box.long select,
#editprj_edit .input_box.long select {
  width: 280px;
  max-width: 280px;
  min-width: 280px;
}

#addproject_step1 .input_box.dropdown,
#addproject_step2 .input_box.dropdown,
#editprj_edit .input_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 183px;
  max-width: 183px;
  border: 1px solid rgb(217, 217, 217);
  float: left;
}
#addproject_step1 .input_box.dropdown.long,
#addproject_step2 .input_box.dropdown.long,
#editprj_edit .input_box.dropdown.long {
  width: 250px;
  max-width: 250px;
}
#addproject_step1 .input_box select::-ms-expand,
#addproject_step2 .input_box select::-ms-expand,
#editprj_edit .input_box select::-ms-expand {
  display: none;
}
#addproject_step1 .input_box.dropdown:after,
#addproject_step2 .input_box.dropdown:after,
#editprj_edit .input_box.dropdown:after {
  content: "\2006\2006\2006";
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_arrow_drop_down_black_24dp_1x.png") center top
    no-repeat;
  font-size: 1em;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 0.4em;
  bottom: 0.3em;
  z-index: 1;
  pointer-events: none;
}
#addproject_step1 .input_box.dropdown:hover,
#addproject_step2 .input_box.dropdown:hover,
#editprj_edit .input_box.dropdown:hover {
}
#addproject_step1 .input_box select:focus,
#addproject_step2 .input_box select:focus,
#editprj_edit .input_box select:focus {
  outline: none;
}
#addproject_step1 .input_box select:-moz-focusring,
#addproject_step2 .input_box select:-moz-focusring,
#editprj_edit .input_box select:-moz-focusring {
}
#addproject_step1 .form_step1_desc {
  font-size: 16px;
  line-height: 22px;
  font-style: italic;
  margin: 20px 0 0 0;
}
.addproject_sup {
  width: 100%;
  text-align: center;
}
#addproject_step2,
.pp_c {
  width: 645px;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #dcdcdd;
  background-color: #f9f9fa;
  display: none;
}
.pp_c {
  display: block;
  margin-bottom: 30px;
}
#addproject_step2 .title,
.pp_c .title {
  background-color: #ebf1df;
  border-bottom: 1px solid #dcdcdd;
  line-height: 36px;
  padding: 0 0 0 10px;
  font-weight: 400;
}
.pp_c .title {
  position: relative;
}

#addproject_step2 .form_fields_c,
#editprj_edit .form_fields_c,
#editprj_view .proj_main_c {
  padding: 16px 32px;
  border-top: 1px solid #dcdcdd;
}
#editprj_edit .form_fields_c {
  position: relative;
}
.edit_project_btn {
}
#addproject_step2 .form_fields,
#editprj_edit .form_fields {
  margin: 0;
  display: table;
  width: 100%;
}
#addproject_step2 .form_fields_line,
#editprj_edit .form_fields_line {
  display: table-row;
}
#addproject_step2 .col1,
#editprj_edit .col1 {
  border-bottom: 18px solid transparent;
  display: table-cell;
  width: 190px;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
#addproject_step2 .col2,
#editprj_edit .col2 {
  display: table-cell;
  border-bottom: 18px solid transparent;
}
.form_fields_line .col2 .check_c {
  padding: 5px 0;
  font-size: 14px;
  line-height: 20px;
}
.form_fields_line .col2 .check_c input {
  margin-right: 10px;
}

#addproject_step2 .finance_box,
#editprj_edit .finance_box {
  display: none;
}
#editprj_edit .finance_box.showis {
  display: table-row;
}
#addproject_step2 .button_next_step2,
#editprj_edit .button_next_step2 {
  margin: 0 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: right;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  background-color: #bfbfbf;
}
#addproject_step2 .button_next_step2.active,
#editprj_edit .button_next_step2 {
  background-color: #ea700d;
}
.geo_c,
.multiselect_c {
  width: 250px;
  margin: 0 18px 0 0;
  float: left;
  display: inline;
}
.geos_c {
  width: 200px;
  margin: 0;
  float: left;
  display: none;
}
.geo_c .geomarkets_btn,
.multiselect_c .selecting_btn,
.geos_c .geomarkets_btn {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  height: 38px;
  line-height: 38px;
  text-align: left;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  font-weight: 300;
  color: #606060;
  background: #ffffff url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_arrow_drop_down_black_24dp_1x.png") 218px
    center no-repeat;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  margin-right: 18px;
  width: 230px;
}
.geo_c .geomarkets_btn.errorset {
  border-color: red;
}
.geos_c {
  display: none;
}
.geo_c .geomarkets_c,
.multiselect_c .selecting_c,
.geos_c .geomarkets_c {
  position: relative;
  display: none;
}
.geo_c .geomarkets_list,
.multiselect_c .checkbox_list,
.geos_c .geomarkets_list {
  padding: 10px 5px 10px 10px;
  width: 255px;
  height: 380px;
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: white;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 900;
  border: 1px solid #d8d8d8;
  font-size: 15px;
  line-height: 25px;
}
.multiselect_c .checkbox_list.goal_list {
  height: 75px;
  top: -95px;
  overflow: hidden;
}
.checkbox_list label {
  width: 100%;
  display: block;
}
.geo_c .geomarkets_list input,
.multiselect_c .checkbox_list input,
.geos_c .geomarkets_list input {
  margin: 0 5px 0 0;
}
.geo_c .geomarkets_list .sep {
  font-size: 1px;
  line-height: 1px;
  border-top: 1px solid #d8d8d8;
  margin: 5px 0;
}
.geo_c .geomarkets_box,
.multiselect_c .checkbox_submit,
.geos_c .geomarkets_box {
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 38px;
  text-align: center;
  background-color: #6a8238;
  border: 1px solid #6a8238;
  color: white;
  cursor: pointer;
  cursor: hand;
  font-weight: 300;
  width: 250px;
  z-index: 900;
}
.geo_c .geomarkets_list.btm {
  bottom: auto;
}
.geo_c .geomarkets_box.btm {
  top: 402px;
  position: relative;
}
.geo_c .geomarkets_list.a1 {
  bottom: auto;
  height: 175px;
  overflow-y: hidden;
  width: 240px;
}
.geo_c .geomarkets_list label {
  width: 100%;
  margin: 0;
  display: inline-block;
}
.geo_c .geomarkets_list.adv {
  line-height: 22px;
}
.geo_c .geomarkets_box.a1 {
  top: 195px;
  position: relative;
  width: 235px;
}

#addproject_step2 .photo_c,
#add_programm .photo_c,
#editprj_edit .photo_c,
#editprj_view .photo_c {
  height: 365px;
  text-align: center;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_add_a_photo_black_48dp_1x.png") center center
    no-repeat;
  font-weight: 400;
}
#addproject_step2 .photo_c.any_image,
#add_programm .photo_c.any_image,
#editprj_edit .photo_c.any_image,
#editprj_view .photo_c.any_image {
  height: 333px;
  margin: 16px 32px;
  border: 3px dashed #dcdcdd;
}
.boxEmptyImage {
  border-bottom: 1px solid #efefef;
}

#addproject_step2 .photo_c,
#add_programm .photo_c,
#editprj_edit .photo_c {
  cursor: pointer;
  cursor: hand;
}
#addproject_step2 .photo_c .photo_desc,
#add_programm .photo_c .photo_desc,
#editprj_view .photo_c .photo_desc,
#editprj_edit .photo_c .photo_desc {
  padding-top: 80px;
}

#editprj_view .photo_c,
#editprj_edit .photo_c {
  height: 325px;
  text-align: center;
  overflow: hidden;
  padding: 20px 30px;
  position: relative;
}
#editprj_view .proj_main_c {
  padding: 16px;
  position: relative;
}
#editprj_view .name {
  margin: 5px 0 10px 0;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
}
#editprj_view .slogan {
  margin-top: 5px;
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
}
#editprj_view .mainprop_box {
  margin: 8px 0 0 0;
  display: table;
  width: 100%;
}
#editprj_view .mainprop_line {
  display: table-row;
}
#editprj_view .col1 {
  display: table-cell;
  width: 190px;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  vertical-align: middle;
}
#editprj_view .col2 {
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  line-height: 18px;
}
#editprj_view .proj_main_c .price {
  position: absolute;
  right: 28px;
  bottom: 18px;
  font-size: 29px;
  font-weight: 400;
}
.viewproject {
  width: 100%;
  margin: 5px 0;
  display: table;
}
.viewproject .countersdata {
  width: 50px;
  min-width: 50px;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.viewproject .mgp_counter_box {
  color: #a5a5a5;
  text-align: center;
  margin-bottom: 10px;
}
.viewproject .mgp_counter_box span {
  color: #333;
  margin: -10px 0 0 0;
  display: block;
  font-size: 12px;
  line-height: 20px;
}
.viewproject .maindata {
  width: 290px;
  max-width: 290px;
  border: 1px solid #dcdcdd;
  background-color: #f9f9fa;
  /*display:table-cell;*/
  vertical-align: top;
  position: relative;
  text-align: left;
  height: 396px;
}
.viewproject.prg .maindata a {
  text-decoration: none;
}
.viewproject.prg .maindata {
  background-color: white;
}
.viewproject .maindata .title {
  font-size: 1.3em;
  height: 46px;
  line-height: 46px;
  margin: 0 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.viewproject .maindata .photo_c {
  height: 160px;
  text-align: center;
  overflow: hidden;
  max-width: 290px;
  max-height: 160px;
}
.viewproject .photo_c.any_image {
  margin: 16px 32px;
  border: 3px dashed #dcdcdd;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_add_a_photo_black_48dp_1x.png") center center
    no-repeat;
}
.viewproject .maindata .proj_main_c {
  padding: 16px;
}
.viewproject .maindata .prog_main_c {
  padding: 0 16px;
  line-height: 20px;
  font-size: 16px;
  height: 103px;
  overflow: hidden;
}
.maindata .prog_main_c .slogan {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-size: inherit;
}
.viewproject .maindata .name {
  margin: 5px 0 10px 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.maindata .slogan {
  margin-top: 5px;
  font-size: 16px;
  line-height: 23px;
  width: 258px;
  word-break: break-word;
}
.viewproject .maindata .mainprop_box {
  margin: 8px 0 45px 0;
  display: table;
  width: 100%;
}
.viewproject .maindata .mainprop_line {
  display: table-row;
}
.viewproject .maindata .col1 {
  display: table-cell;
  width: 68px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
}
.viewproject .maindata .col2 {
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  line-height: 18px;
}
.viewproject .maindata .proj_main_c .price {
  font-size: 24px;
  font-weight: 400;
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.viewproject .maindata .mainoperation_box {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  background-color: #f9fbf4;
  border-top: 1px solid #e0e0e0;
}
.mainoperation_box .mainoperation_t {
  display: table;
  height: 100%;
  width: 100%;
}
.mainoperation_box .mainoperation_c {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 15%;
}
.mainoperation_box .mainoperation_c.col1 {
  width: 85%;
  border-right: 1px solid #e0e0e0;
}
.mainoperation_box .mainoperation_edit {
  height: 40px;
}
.mainoperation_box .mainoperation_edit a {
  padding: 5px 0 5px 30px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/edit_24.png") left -5px no-repeat;
  font-size: 14px;
  line-height: 39px;
  color: #313131;
  text-decoration: none;
}
.mainoperation_box .mainoperation.del,
.mainoperation_box .mainoperation_del {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_delete_black_24dp_1x.png") center center no-repeat;
  padding: 0 auto;
  height: 24px;
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.mainoperation_box .mainop_tooltip,
.mainoperation_del .mainop_del_tooltip {
  display: none;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/need_tooltip.png") center bottom no-repeat;
  color: white;
  width: 168px;
  border-radius: 3px;
  position: absolute;
  right: -80px;
  bottom: 30px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-align: center;
  padding: 7px 16px 15px 16px;
  z-index: 1;
}

.viewproject .specpada_c {
  display: table-cell;
  vertical-align: top;
  position: relative;
  font-size: 14px;
  width: 100%;
}
.viewproject .specpada {
  padding: 0 0 18px 18px;
}
.specpada .statys_t {
  display: table;
  width: 100%;
}
.specpada .statys_c {
  display: table-cell;
  vertical-align: top;
}
.specpada .code b {
  font-weight: bold;
}
.specpada .code {
  font-size: 16px;
}
.specpada .statys_box {
  float: right;
  padding: 2px 25px;
  text-align: center;
  font-weight: 400;
  background-color: #f2f2f2;
  color: #ea700d;
}
.specpada .draft_desc {
  font-style: italic;
  margin: 10px 0 0 0;
}
.specpada .goal {
  margin: 10px 0;
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
.specpada .goal_t {
  display: table;
  width: 100%;
}
.specpada .goal_r {
  display: table-row;
}
.specpada .goal_c {
  display: table-cell;
  vertical-align: top;
  line-height: 32px;
  color: #919191;
  border-bottom: 1px solid #f6f6f6;
  white-space: nowrap;
}
.goal_c .price {
  font-weight: bold;
}

#editprj_edit {
  display: none;
}

.pp_c .info_prop {
}
.pp_c .info_p_c,
.pp_c .info_prop p {
  padding: 16px 0;
  margin: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp_c .info_p_c img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  margin: 0 0 10px 0;
}
.pp_c .edit_prop {
  display: none;
  padding: 16px;
  margin: 0;
}
.pp_c .edit_prop textarea {
  border: 1px solid rgb(217, 217, 217);
  width: 96%;
  padding: 2%;
  font-size: 15px;
  height: 180px;
  line-height: 18px;
  background-color: white;
  text-align: left;
  font-weight: 300;
  resize: none;
}

.pp_c .desc_prop {
  width: 450px;
  float: left;
  font-size: 13px;
  line-height: 15px;
  font-style: italic;
  color: #888888;
  margin: 10px 0 0 0;
}
.pp_c .desc_prop.wide {
  width: 100%;
  margin: 10px 0 20px 0;
  float: none;
}
.pp_c .desc_prop.thin {
  width: 100%;
  margin: 5px 0 10px 0;
  float: none;
}
.pp_c .save_btn {
  margin: 16px 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: right;
  background-color: #ea700d;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.button_next_step2,
.btn_add_prog,
.aint_m .action {
  position: relative;
}
.pp_c .save_btn .tooltiptext,
.button_next_step2 .tooltiptext,
.btn_add_prog .tooltiptext {
  visibility: hidden;
  background-color: red;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
  padding: 6px 8px;
  border-radius: 3px;
  position: absolute;
  z-index: 1;

  bottom: 46px;
  left: 50%;
  width: 194px;
  margin-left: -109px;
}
.aint_m .action .tooltiptext {
  visibility: hidden;
  background-color: red;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
  padding: 8px 12px;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  width: 90px;
  top: 0;
  right: 120%;
}
.pp_c .save_btn .tooltiptext::after,
.button_next_step2 .tooltiptext::after,
.btn_add_prog .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: red transparent transparent transparent;
}
.aint_m .action .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent red;
}
.pp_c .save_btn:hover .tooltiptext,
.button_next_step2:hover .tooltiptext,
.btn_add_prog:hover .tooltiptext,
.aint_m .action:hover .tooltiptext {
  visibility: visible;
}

.pp_c .edit_prop .block_c textarea {
  height: 75px;
}
.pp_c .edit_prop .block_c .field_name {
  font-weight: 400;
  margin: 25px 0 5px 0;
  font-size: 18px;
}
.pp_c .field_n {
  font-weight: 400;
  margin: 5px 0 5px 0;
}
.pp_c .field_text {
  font-size: 14px;
  font-weight: 300;
  margin: 5px 0;
}
.pp_c .block_c .input_box {
}
.pp_c .block_c select {
  font-size: 15px;
  width: 280px;
  max-width: 280px;
  min-width: 280px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 6px 19% 6px 5px;
  line-height: 20px;

  border: 1px solid transparent;
  background-color: white;
  color: black;
}
.pp_c .block_c .input_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 256px;
  max-width: 256px;
  border: 1px solid rgb(217, 217, 217);
}
.pp_c .block_c .input_box.dropdown.long {
  width: 256px;
  max-width: 256px;
}
.pp_c .block_c .input_box select::-ms-expand {
  display: none;
}
.pp_c .block_c .input_box.dropdown:after {
  content: "\2006\2006\2006";
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_arrow_drop_down_black_24dp_1x.png") center top
    no-repeat;
  font-size: 1em;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 0.4em;
  bottom: 0.3em;
  z-index: 1;
  pointer-events: none;
}
.pp_c .block_c .input_box select:focus {
  outline: none;
}
.pp_c .block_c .input_box select:-moz-focusring {
}
.pp_c .block_c .input_desc {
  border: 1px solid rgb(217, 217, 217);
  padding: 0 15px;
  font-size: 22px;
  height: 38px;
  line-height: 42px;
  background-color: white;
  text-align: left;
  font-weight: 400;
  float: left;
  color: black;
}
.input_desc input {
  float: left;
  border: 1px solid transparent;
  padding: 0 !important;
  width: 57px;
  font-size: 22px;
  height: 36px;
  line-height: 35px;
  font-weight: 400;
  margin: 0 10px 0 0;
  text-align: center;
  color: black;
}
.folk_c {
  line-height: 40px;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted rgb(216, 216, 216);
}
.folk_c .photo {
  width: 38px;
  height: 38px;
  display: inline-block;
  border: 1px solid rgb(216, 216, 216);
  border-radius: 50%;
  background-image: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/nophoto.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 20px;
  float: left;
}
.folk_c .name {
  margin-right: 20px;
  float: left;
  min-width: 250px;
}
.folk_c .role {
  margin-right: 20px;
  float: left;
  min-width: 150px;
}
.folk_c .name input {
  width: 90%;
}
.folk_c .view {
  float: left;
  display: inline;
}
.folk_c .view .view_ch {
  float: left;
  display: inline;
  width: 30px;
}
.folk_c .view .view_text {
  float: left;
  display: inline;
  width: 70px;
  font-size: 13px;
  line-height: 1em;
  margin-top: 8px;
}
.block_c .add_member {
  font-size: 12px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  margin-top: 10px;
}
.files_c {
  margin: 16px 0 20px 0;
}
.files_c span {
  font-size: 13px;
}
.files_c .files_add_btn {
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #c8c8c9;
  border-radius: 3px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/file_btn.png") left center repeat-x;
  width: 160px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  cursor: hand;
  margin: 0 20px 0 0;
  float: left;
}
.files_c .files_add_desc {
  padding: 5px 0;
  height: 20px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.files_c .files-adding-desc {
  padding: 0 0 8px 0;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.files_c .inc_file {
  font-size: 13px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  float: left;
  display: inline;
}
.files_c input.p_link {
  float: left;
  width: 340px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.field_p_n {
  font-size: 13px;
  margin: 5px;
}
.block_c input.p_link {
  float: left;
  width: 340px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.block_c .add_video {
  font-size: 13px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  margin-top: 10px;
}
.pp_c_b {
  width: 645px;
  margin: 0 auto;
  text-align: left;
}
.pp_c_b a.back_project {
  float: left;
  margin-top: 10px;
}
.pp_c_b .move_project,
.pp_c_b .move_programm,
.up_v_c2 .move_inv_int {
  margin: 16px 0 0 0;
  padding: 0 15px;
  height: 36px;
  line-height: 34px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: right;
  background-color: #bfbfbf;
  color: white;
  border-radius: 3px;
}
.pp_c_b .move_project.active,
.pp_c_b .move_programm.active,
.up_v_c2 .move_inv_int.active {
  background-color: #668000;
  cursor: pointer;
  cursor: hand;
}
.pp_c_b .move_project.active_element,
.pp_c_b .move_project.edit_position,
.pp_c_b .move_programm.active_element,
.pp_c_b .move_programm.edit_position,
.up_v_c2 .move_inv_int.active_element {
  display: none;
}

.link_delete_btn {
  padding: 0;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_delete_forever_black_18dp_1x.png") left center
    no-repeat;
  width: 18px;
  height: 42px;
  line-height: 18px;
  cursor: pointer;
  cursor: hand;
  margin: 0 20px 8px 0;
  float: left;
}
.link_delete_btn.first {
  display: none;
}
.project_delete_btn {
  padding: 0;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_delete_black_24dp_1x.png") right center no-repeat;
  width: 24px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  cursor: hand;
  margin: 10px 20px 0 0;
  float: left;
}

#user_role_c {
}
#user_role_c .select_role {
}
#user_role_c .list_item {
  display: table;
  width: 100%;
  margin: 20px 0;
}
#user_role_c .list_item .list_check_c {
  display: table-row;
  vertical-align: top;
  cursor: pointer;
  cursor: hand;
}
#user_role_c .list_check_b {
  display: table-cell;
  width: 60px;
}
#user_role_c .list_check {
  margin: 2px 36px 0 0;
  width: 24px;
  height: 24px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/radio.png") left top no-repeat;
}
#user_role_c .list_item .list_label {
  vertical-align: top;
  display: table-cell;
  text-align: left;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400;
}
#user_role_c .list_label .role_desc {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  font-style: italic;
  color: #a19694;
}
#user_role_c .list_label .role_desc_show {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  color: red;
  display: none;
}
#user_role_c .list_check.cheked_item {
  background-position: left bottom;
}
#user_role_c .put_role {
  font-size: 18px;
  line-height: 30px;
  border: 1px solid rgb(216, 216, 216);
  display: inline-block;
  margin-top: 10px;
  padding: 5px 50px;
  background-color: #c4d6a0;
  color: white;
}
#user_role_c .put_role.can_save_role {
  background-color: #789440;
  cursor: pointer;
  cursor: hand;
}

.mypage_container .u_fulfil_title {
  font-size: 19px;
  margin: 10px 0 40px 0;
}
.mypage_container .u_fulfil_desc {
}
.mypage_container .u_fulfil_desc p {
  margin: 8px 0;
}

.confirm_email_c {
  font-size: 16px;
}
.confirm_email_c .confirm_code_c {
  float: left;
  display: inline;
}
.confirm_email_c .confirm_code_c p {
  margin: 5px 0;
}
.confirm_email_c .confirm_code_c input {
  padding: 5px 15px;
  line-height: 20px;
  border: 1px solid #ced1cb;
}
.confirm_email_c .confirm_code_btn {
  padding: 5px 15px;
  line-height: 20px;
  margin-left: 32px;
  float: left;
  display: inline;
  border: 1px solid #ced1cb;
  border-radius: 3px;
  color: #5b5b5a;
  background-color: #d8d8d8;
  cursor: pointer;
  cursor: hand;
}
.confirm_email_c ul {
  color: #5880b3;
  padding-left: 15px;
}
.confirm_email_c ul li {
  cursor: pointer;
  cursor: hand;
}

/* new view */
/* view user profile */
.srv_body .data_f {
  word-break: break-word;
  word-wrap: break-word;
}
.up_v_c,
.up_v_c2 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 880px;
  text-align: left;
}
.up_v_c {
  background: white;
}
.up_v_c.aii {
  margin-top: 30px;
}
.up_v_c.asr {
  margin-top: 30px;
}
.up_v_c .up_v_t {
  display: table;
  width: 100%;
}
.up_v_t .up_v_tc {
  display: table-cell;
}
.up_v_t .up_v_tc.vis {
  border-right: 1px solid #d8d8d8;
  background-color: #f9f9fa;
  vertical-align: middle;
  text-align: center;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.up_v_t .up_v_tc.txt {
  width: 230px;
  vertical-align: top;
}
.up_v_t .up_v_tc.vis span {
  font-size: 1.3em;
  line-height: 1.5em;
  color: #7f7f7f;
  font-weight: 300;
}
.up_v_t .up_v_tc.vis iframe {
  margin: 0;
  padding: 0;
}
.up_v_t .up_v_tc.vis span a {
  color: #ea700d;
  text-decoration: underline;
}
.up_v_t .up_v_tc.vis img {
  margin: 0;
  padding: 0;
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.v_c_ha {
  position: absolute;
  bottom: 20px;
  left: 20px;
  cursor: pointer;
  cursor: hand;
}
.v_c_ha .v_c_ha_i {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #ea700d;
  background-color: #ea700d;
  border-radius: 20px;
  margin-right: 10px;
  text-align: center;
}
.v_c_ha .v_c_ha_i i {
  line-height: 34px;
  color: white;
}
.v_c_ha .v_c_ha_t {
  font-weight: 700;
  display: block;
  float: right;
  color: white;
  font-size: 1.4em;
  line-height: 36px;
}

.up_v_tc .t_p {
  padding: 16px;
}
.up_v_c .up_v_lp {
  position: absolute;
  width: 56px;
  top: 0;
  left: -57px;
  height: 100%;
  background: white;
}
.up_v_c .up_v_rp {
  position: absolute;
  width: 200px;
  top: 16px;
  right: -216px;
  color: #595a57;
  cursor: pointer;
  cursor: hand;
}
.up_v_c .up_v_rp.fly {
  position: fixed;
  top: 80px;
}
.up_v_rp .up_v_rp_i,
.up_v_rp a {
  color: #595a57;
  line-height: 35px;
  text-decoration: none;
}
.up_v_lp .btn {
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  color: white;
  font-size: 14px;
  text-align: center;
}
.up_v_lp .btn span {
  margin: -13px 0 0 0;
  display: block;
  font-size: 12px;
}
.up_v_lp .btn .material-icons {
  padding-top: 16px;
}
.up_v_lp .btn.b_count span {
  color: #333;
}
.up_v_lp .btn.b_count {
  color: #a5a5a5;
}
.up_v_t a {
  text-decoration: none;
}
.up_v_t .btn {
}
.up_v_t .btn.edit {
  background-color: #f2f2f2;
  border-bottom: 1px solid #dfdfdf;
  color: #ea700d;
  padding: 3px 0;
  line-height: 24px;
}
.up_v_t .btn.edit .name {
  font-size: 14px;
  line-height: 24px;
  float: left;
  padding: 6px 0 0 15px;
}
.up_v_t .btn.edit .material-icons {
  padding: 6px 0 0 15px;
}
.t_p .u_name {
  padding-top: 10px;
  font-size: 1.4em;
}
.t_p .u_sname {
  font-size: 1.7em;
  padding-top: 10px;
  text-transform: uppercase;
}
.t_p .u_role {
  padding-top: 20px;
  font-size: 1em;
}
.t_p .u_publick_link {
  font-size: 0.9em;
  margin-top: 15px;
}
.t_p a.u_publick_link {
  text-decoration: underline;
}
.t_p .u_loc {
  padding-top: 20px;
  font-size: 0.8em;
}
.t_p .u_phone,
.t_p .u_email {
  padding-top: 20px;
  font-size: 1em;
}

/* edit user provile */
.up_e_c {
  position: relative;
  padding: 20px 0;
  margin: 0 auto;
  width: 950px;
  text-align: left;
}
.up_e_c .up_e_c_t {
  display: table;
  width: 100%;
}
.up_e_c .up_e_c_t.save {
  margin-top: 20px;
}
.up_e_c_t .up_e_tc {
  display: table-cell;
  vertical-align: top;
}
.up_e_c_t .up_e_tc.vis {
  font-size: 0.8em;
  color: #616161;
}
.up_e_c_t .up_e_tc.txt {
  width: 257px;
}
.up_e_te {
  margin: 0;
  padding: 0;
  color: #616161;
}
.up_e_te .name {
  width: 100%;
}
.up_e_te .name input {
  float: left;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  width: 126px;
  padding: 8px 0;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
  text-align: center;
}
.up_e_te .photo_box,
.up_e_te .role_box {
  text-align: center;
  font-size: 0.8em;
  margin-top: 20px;
}
.up_e_te .photo_box .photo {
  margin-top: 10px;
  width: 112px;
  height: 112px;
  display: inline-block;
  border: 1px solid #c1c1c1;
  border-radius: 56px;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #7f7f7f;
  position: relative;
  cursor: pointer;
  cursor: hand;
}
.up_e_te .photo_box .photo i {
  margin-top: 37px;
}
.up_e_te .photo_box .photo_tt,
.big_photo_c .photo_tt {
  display: none;
  position: absolute;
  color: white;
  width: 140px;
  padding: 8px 0 20px 0;
  float: left;
  font-size: 13px;
  text-align: center;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ph_tooltip.png") center bottom no-repeat;
  border-radius: 3px;
}
.up_e_te .photo_box .photo_tt {
  top: -50px;
  left: 10%;
}
.big_photo_c .photo_tt {
  top: -30px;
  left: 85%;
}
.big_photo_c {
  margin-top: 15px;
  color: #7f7f7f;
  text-align: center;
  position: relative;
  cursor: pointer;
  cursor: hand;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.big_photo_c i {
  margin-top: 150px;
}
.up_e_te .role_box .role_btn {
  border: 1px solid #333;
  margin: 5px 0;
  padding: 6px 10px;
  text-align: left;
  background-color: white;
  cursor: pointer;
  cursor: hand;
}
.up_e_te .role_box .role_btn i {
  float: right;
}
.up_e_te .contacts_box {
  font-size: 0.8em;
  margin-top: 5px;
}
.up_e_te .contacts_box.langbox {
  margin-top: 10px;
}
.contacts_box .input_box {
  border-bottom: 1px solid #d8d8d8;
}
.contacts_box .input_box input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px;
  border: 1px solid white;
  background-color: #ffffff;
  font-size: 1em;
  line-height: 2em;
}
.contacts_box .input_box input[type="checkbox"] {
  width: auto;
}
.contacts_box .input_box span {
  vertical-align: 10%;
}

.contacts_box .input_box .mail {
  float: left;
  display: inline;
  width: 199px;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  background-color: white;
  border-right: 1px solid #d8d8d8;
}
.contacts_box .input_box input.t_EMAIL {
  float: left;
  display: inline;
  width: 221px;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  background-color: white;
  border-right: 1px solid #d8d8d8;
}
.contacts_box .subsc_c {
  position: relative;
  width: 34px;
  height: 34px;
  background: white url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/mail_setting.png") center center no-repeat;
  cursor: pointer;
  cursor: hand;
  float: right;
  border: 1px solid white;
}
.contacts_box .subsc_c .subsc_c_tt {
  display: none;
  text-align: center;
  position: absolute;
  left: -40px;
  top: -55px;
  width: 140px;
  padding: 8px 0 20px 0;
  color: white;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ph_tooltip.png") center bottom no-repeat;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  border-radius: 3px;
}

.contacts_box .input_box .dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 255px;
  max-width: 255px;
  border: 1px solid white;
}
.contacts_box .input_box select::-ms-expand {
  display: none;
}
.contacts_box .input_box .dropdown:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.7em;
  padding: 0;
  position: absolute;
  right: 0.5em;
  top: 0.2em;
  z-index: 1;
  pointer-events: none;
}
.contacts_box .input_box select:focus {
  outline: none;
}
.up_e_te .soc_box {
  font-size: 0.8em;
  margin-top: 20px;
  text-align: center;
}
.up_e_c_t .up_e_tc.btn_place {
  width: 210px;
  text-align: center;
}
.up_e_c_t .up_e_tc .colont {
  width: 100%;
  height: 20px;
  line-height: 10px;
  border-bottom: 1px dotted #a6a6a6;
}
.btn_place .button_save {
  font-size: 16px;
  line-height: 28px;
  border: 1px solid #cccccc;
  margin: 0;
  padding: 9px 27px;
  color: white;
  background-color: #cccccc;
  cursor: pointer;
  min-width: 145px;
  display: inline-block;
  border-radius: 3px;
  position: relative;
  text-align: center;
}
.btn_save_line {
  color: white;
  background-color: #ea700d;
  border: 1px solid #ea700d;
  padding: 0 15px;
  height: 58px;
  line-height: 58px;
  font-weight: 400;
  cursor: pointer;
}
.btn_place .button_save.active {
  background-color: #ea700d;
  border: 1px solid #ea700d;
}

.big_photo_c {
  width: 646px;
  height: 363px;
  float: left;
  display: inline;
  background-color: white;
  border: 1px solid #c5c5c5;
  margin: 0;
  padding: 0;
  display: block;
  max-width: 100%;
}
.yt_c {
  margin-top: 15px;
}
.yt_c input {
  width: 420px;
  padding: 8px 10px;
  margin-left: 50px;
}
.ep_head {
  border-bottom: 1px solid #dfe1da;
  background-color: #ebf1df;
  padding: 0 0 0 10px;
  margin: 40px 0 0 0;
  font-size: 1.2em;
  line-height: 48px;
}
.ep_head .button {
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
.ep_head .button i {
  line-height: 48px;
}
.ep_head .button.right {
  float: right;
  border-left: 1px solid #dfe1da;
}
.ep_head a.button {
  text-decoration: none;
  color: #7f7f7f;
}
.ep_body {
}
.ep_body .ep_oneprj {
  padding: 30px 0px 30px 0px;
  display: inline-block;
  width: 90%;
  margin: 0 auto;
  display: block;
}
.ep_body .ep_oneprj.next {
  border-top: 2px dashed #dfe1da;
}

.up_v_c2 .ap_s1 {
  padding: 30px 40px;
  background: white;
}
.apoj_wellcom {
  margin: 40px 0 0 0;
}
.apoj_wellcom .apoj_w_t {
  display: table;
  width: 100%;
}
.apoj_w_t .apoj_w_tc {
  display: table-cell;
}
.apoj_w_t .apoj_w_tc.inp {
  width: 350px;
  background-color: #f9f9fa;
  border-left: 1px solid #dadada;
  vertical-align: middle;
}
.apoj_w_title {
  padding: 26px 20px;
  color: #595959;
  font-weight: 400;
  font-size: 1.05em;
  line-height: 1.3em;
}
.apoj_w_title dl {
  padding: 0;
}
.apoj_w_title dd {
  color: #595959;
  font-size: 1em;
  line-height: 26px;
  margin-left: 10px;
}
.apoj_w_title dd::before {
  content: "\2022";
  color: #789440;
  margin-right: 8px;
  font-size: 36px;
  line-height: 26px;
  vertical-align: middle;
}
.apoj_w_title.interest dd::before {
  color: #31859b;
}
.apoj_w_title.program dd::before {
  color: #5880b3;
}
.apoj_w_title.service dd::before {
  color: #ea700d;
}

.apoj_w_inp {
  padding: 20px;
}
.apoj_w_inp .name_desc {
  font-size: 1.1em;
}
.apoj_w_inp input {
  width: 280px;
  border: 2px solid rgb(217, 217, 217);
  border-radius: 3px;
  padding: 0 10px;
  margin: 10px 0 0 0;
  font-size: 1.1em;
  font-family: Roboto, sans-serif;
  line-height: 48px;
  background-color: white;
  text-align: left;
  font-weight: 300;
}
.apoj_w_inp input.error {
  border-color: red;
}
.apoj_w_inp a {
  text-decoration: none;
}
.apoj_w_inp .btn {
  border-radius: 3px;
  margin: 20px 0 0 0;
  width: 300px;
  text-align: center;
  font-size: 1.1em;
  line-height: 48px;
  font-weight: 700;
  cursor: pointer;
  cursor: hand;
}
.apoj_w_inp .btn.add_prj {
  border: 2px solid #7c9745;
  color: #7c9745;
}
.apoj_w_inp .btn.add_prog {
  border: 2px solid #5880b3;
  color: #5880b3;
}
/* programms */
.aprg_c {
  width: 100%;
  margin: 0;
  padding: 30px 0 0 0;
}
.aprg_c.edit_programm_box {
  padding-top: 0;
}
.aprg_c .aprg_m,
.aprg_c .aint_m {
  width: 645px;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #dcdcdd;
  background-color: #f9f9fa;
}
.aprg_c .aint_m {
  width: 670px;
}

.aprg_m .title,
.aint_m .title {
  background-color: #ebf1df;
  border-bottom: 1px solid #dcdcdd;
  line-height: 36px;
  padding: 0 0 0 10px;
  font-weight: 400;
}
.aprg_m .photo_c {
  cursor: pointer;
  cursor: hand;
}
.aprg_m .photo_c.any_image {
  height: 333px;
  margin: 16px 32px;
  border: 3px dashed #dcdcdd;
  text-align: center;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_add_a_photo_black_48dp_1x.png") center center
    no-repeat;
  font-weight: 400;
}
.aprg_m .photo_c .photo_desc {
  padding-top: 80px;
}
.aprg_m .form_fields_c {
  padding: 16px 32px;
  border-top: 1px solid #dcdcdd;
}
.aint_m .form_fields_c {
  padding: 16px 24px;
}
.aprg_m .form_fields,
.aint_m .form_fields {
  margin: 0;
  display: table;
  width: 100%;
}
.aprg_m .form_fields_line {
  display: table-row;
}

.aprg_m .col1 {
  border-bottom: 18px solid transparent;
  display: table-cell;
  width: 190px;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  vertical-align: middle;
}
.aprg_m .col1.t_pt {
  vertical-align: top;
}
.aprg_m .col2 {
  display: table-cell;
  border-bottom: 18px solid transparent;
}
.aprg_c input,
.edit_prop input,
.files_c input,
.files_s_c input,
.mg_projects input {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 38px;
  background-color: white;
  text-align: left;
  font-weight: 300;
}
.edit_prop input.short {
  border: 1px solid white;
}
.aprg_c input.long,
.mg_projects input.long,
.aprg_c textarea.long,
.edit_prop input.long,
.edit_prop textarea.long,
.mg_projects textarea.long {
  width: 96%;
  padding: 0 2%;
}
.aprg_c .aprg_m textarea,
.mg_projects textarea {
  resize: none;
  height: 60px;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  font-size: 1em;
}
.aprg_c select {
  font-size: 15px;
  width: 100%;
  min-width: auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 8px 19% 8px 5px;
  line-height: 20px;

  border: 1px solid transparent;
  background-color: white;
  color: black;
}
.aprg_c .input_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 256px;
  max-width: 256px;
  border: 1px solid rgb(217, 217, 217);
}
.aprg_c .input_box.dropdown.long {
  width: 256px;
  max-width: 256px;
}
.aint_m .input_box.dropdown.long {
  width: 100%;
  max-width: 100%;
}
.aint_m .input_box.long select {
  width: 100%;
  max-width: auto;
  padding: 8px 40px 8px 5px;
}
.aprg_c .input_box select::-ms-expand {
  display: none;
}
.aprg_c .input_box.dropdown:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.7em;
  padding: 0;
  position: absolute;
  right: 0.5em;
  top: 0.2em;
  z-index: 1;
  pointer-events: none;
}
.aprg_c .input_box select:focus {
  outline: none;
}
.aprg_m .btn_add_prog {
  margin: 0 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  display: inline;
  text-align: center;
  float: right;
  color: white;
  border-radius: 3px;
  background-color: #bfbfbf;
}
.aprg_m .btn_add_prog.active {
  background-color: #ea700d;
  cursor: pointer;
  cursor: hand;
}
.aprg_m .adding_type,
.addition-type-pogram {
  display: none;
}

/* wellcom adding prog */
#WellcomAdding {
  width: 360px;
  background-color: white;
  border: 1px solid white;
}

#WellcomAdding .popup-window-left-column,
#WellcomAdding .popup-window-right-column {
  display: none;
}
#WellcomAdding .popup-window-center-column {
}
#WellcomAdding .popup-window-close-icon {
  background: url(/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/modal-close.png) left top no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  margin: 0;
}
#WellcomAdding .popup-window-hr {
  display: none;
}
#WellcomAdding .popup-window-content {
  margin: 0;
}
#WellcomAdding .popup-window-buttons {
  margin: 0;
  padding: 0 0 20px 0;
  background-color: #f9f9fa;
  position: static;
}
#WellcomAdding .popup_button_green,
#WellcomAdding .popup_button_blue,
#WellcomAdding .popup_button_orange,
#WellcomAdding .popup_button_blue2 {
  border-radius: 3px;
  margin: 20px 0 0 0;
  width: 310px;
  text-align: center;
  font-size: 1.1em;
  line-height: 48px;
  height: 48px;
  font-weight: 700;
  background: #f9f9fa;
}
#WellcomAdding .popup_button_green {
  border: 2px solid #668000;
  color: #668000;
}
#WellcomAdding .popup_button_blue {
  border: 2px solid #5880b3;
  color: #5880b3;
}
#WellcomAdding .popup_button_orange {
  border: 2px solid #ea700d;
  color: #ea700d;
}
#WellcomAdding .popup_button_blue2 {
  border: 2px solid #31859b;
  color: #31859b;
}
.pp_prog_c2 {
  padding: 0 20px;
  background-color: #f9f9fa;
  border-top: 1px solid #dadada;
  text-align: center;
}
.pp_prog_c2 .name_desc {
  padding: 20px 0 0 20px;
  float: left;
  font-size: 1.2em;
}
.pp_prog_c2 .name_desc2 {
  padding: 20px 0 0 0;
  float: none;
  font-size: 1.2em;
}
.pp_prog_c2 input {
  display: inline-block;
  width: 290px;
  border: 2px solid rgb(217, 217, 217);
  border-radius: 3px;
  padding: 0 10px;
  margin: 10px auto 0 auto;
  font-size: 1em;
  line-height: 48px;
  background-color: white;
  text-align: left;
  font-weight: 300;
}
.pp_prog_c2 input.error {
  border-color: red;
}
.ep_v_c .photo_c {
  height: 365px;
  text-align: center;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_add_a_photo_black_48dp_1x.png") center center
    no-repeat;
  font-weight: 400;
}
.ep_v_c .photo_c.any_image {
  height: 333px;
  margin: 16px 32px;
  border: 3px dashed #dcdcdd;
}
.ep_v_c .photo_c {
}
.ep_v_c .photo_c .photo_desc {
  padding-top: 80px;
}
.ep_v_c .photo_c {
  height: 325px;
  text-align: center;
  overflow: hidden;
  padding: 20px 30px;
}
.ep_v_c .proj_main_c {
  padding: 16px;
  position: relative;
}
.ep_v_c .name {
  margin: 5px 0 10px 0;
  font-size: 1.6em;
  line-height: 1.5em;
  font-weight: 400;
}
.ep_v_c .type {
  margin: 5px 0 10px 0;
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 400;
}
.ep_v_c .geo {
  font-size: 0.9em;
  margin: 10px 0 10px 0;
}
.ep_v_c .slogan {
  margin-top: 5px;
  font-size: 1em;
  line-height: 1.1em;
  overflow: hidden;
}
.ep_v_c .mainprop_box {
  margin: 8px 0 0 0;
  display: table;
  width: 100%;
}
.ep_v_c .mainprop_line {
  display: table-row;
}
.ep_v_c .col1 {
  display: table-cell;
  width: 190px;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  vertical-align: middle;
}
.ep_v_c .col2 {
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  line-height: 18px;
}
#editprogram_edit {
  display: none;
}
#editprogram_edit .photo_c {
  height: 325px;
  text-align: center;
  overflow: hidden;
  padding: 20px 30px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_add_a_photo_black_48dp_1x.png") center center
    no-repeat;
}

/* services wellcome */
.service_wellcome .sel_serv {
  width: 280px;
  border: 2px solid rgb(217, 217, 217);
  border-radius: 3px;
  padding: 0 20px 0 10px;
  margin: 10px auto 0 auto;
  font-size: 1em;
  line-height: 25px;
  background-color: white;
  text-align: left;
  font-weight: 300;
  color: #7c7f7f;
  position: relative;
  cursor: pointer;
}
.pp_prog_c2 .service_wellcome .sel_serv {
  width: 290px;
}
.pp_prog_c2 .service_wellcome .sel_serv > span {
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 100%;
}
.service_wellcome .sel_serv:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.7em;
  padding: 0;
  position: absolute;
  right: 10px;
  pointer-events: none;
}
.service_wellcome .btn.add_service {
  border: 2px solid #ea700d;
  color: #ea700d;
}
.interest_wellcome .input_box {
  margin: 10px auto 10px auto;
}
.interest_wellcome select {
  font-size: 18px;
  width: 310px;
  max-width: 310px;
  min-width: 310px;
  /*appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;*/
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 6px 19% 6px 5px;
  line-height: 36px;

  border: 1px solid transparent;
  background-color: white;
  color: #7c7f7f;
}
.interest_wellcome .input_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 280px;
  width: 280px;
  border: 2px solid rgb(217, 217, 217);
  border-radius: 3px;
  padding: 0 10px;
  margin: 10px 0 0 0;
  font-size: 1.1em;
  line-height: 48px;
  background-color: white;
  text-align: left;
  font-weight: 300;
  color: #7c7f7f;
  cursor: pointer;
  cursor: hand;
}
.pp_prog_c2 select {
  max-width: 320px;
  min-width: 320px;
}
.pp_prog_c2 .input_box.dropdown {
  margin: 10px 0 0 0;
  max-width: 290px;
  width: 290px;
}
.interest_wellcome .input_box select::-ms-expand {
  display: none;
}
.interest_wellcome .input_box.dropdown:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 2em;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background-color: white;
}
.interest_wellcome .input_box.dropdown:hover {
}
.interest_wellcome .input_box select:focus {
  outline: none;
}

.interest_wellcome .btn.add_interest {
  border: 2px solid #31859b;
  color: #31859b;
}
.service_wellcome {
  position: relative;
}
.service_wellcome .error_f {
  margin: 0 0 0 8px;
  color: red;
  display: none;
  font-size: 0.9em;
}
.service_wellcome .services_list {
  background: white;
  width: 307px;
  padding: 0;
  font-size: 1.1em;
  box-shadow: 0 0 5px #aaa;
  position: absolute;
  display: none;
  top: -210px;
  left: 0;
  text-align: left;
  z-index: 800;
  line-height: 24px;
}
.service_wellcome .services_list_b {
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
}
.services_list .title_list {
  background-color: #ededef;
  border-bottom: 1px solid #dadada;
  padding: 5px 0 5px 16px;
}
.services_list .title_list i {
  line-height: 15px;
  font-size: 1em;
  margin: 5px;
}
.services_list .close_srv_l {
  float: right;
  display: inline;
  cursor: pointer;
  cursor: hand;
}
.pp_prog_c2 .service_wellcome .services_list {
  width: 317px;
}
.service_wellcome .services_list_b span {
  padding: 0 16px;
}
.service_wellcome .services_list_b ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.service_wellcome .services_list_b ul li {
  font-size: 16px;
  padding: 0 0 0 32px;
  cursor: pointer;
  cursor: hand;
}
.service_wellcome .services_list_b ul li:hover {
  background-color: #ededef;
}
/* service add */
.add_service_sup {
  text-align: center;
}
.add_service_sup .main_c {
  padding: 16px;
}
.add_service_sup .label_f {
  font-weight: 700;
  margin: 0 0 0 8px;
}
.add_service_sup .label_f.second {
  margin-top: 30px;
}
.add_service_sup textarea {
  border: 1px solid rgb(217, 217, 217);
  width: 96%;
  padding: 10px;
  margin: 10px 0 0 0;
  font-size: 16px;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  height: 110px;
  background-color: white;
  text-align: left;
  font-weight: 300;
  resize: none;
}
.add_service_sup .error_f {
  margin: 0 0 0 8px;
  color: red;
  display: none;
  font-size: 0.9em;
}
.add_service_sup .desc_f {
  margin: 0 0 0 8px;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #898987;
  padding: 0;
}
.add_service_sup .input_f {
  float: left;
  display: inline;
  width: 260px;
  margin: 15px 0 0 8px;
}
.add_service_sup .btn_add {
  margin: 0 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  display: inline;
  text-align: center;
  float: right;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  background-color: #ea700d;
}

/* tootltip css3 */
.add_service_sup .action {
  position: relative;
}
.serv_type .tooltiptext,
.add_service_sup .action .tooltiptext {
  color: white;
  padding: 0 16px;
  line-height: 25px;
  white-space: nowrap;
  font-size: 13px;
  visibility: hidden;
  position: absolute;
  background-color: #ea700d;
  bottom: 105%;
  right: 0;
}
.serv_type .tooltiptext {
  padding: 5px 16px;
  line-height: 1.2em;
  bottom: 125%;
  right: 5px;
}
.serv_type .tooltiptext::after,
.add_service_sup .action .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  right: 7px;
  border-width: 5px;
  border-style: solid;
  border-color: #ea700d transparent transparent transparent;
}
.serv_type:hover .tooltiptext,
.add_service_sup .action:hover .tooltiptext {
  visibility: visible;
}

.add_service_sup .add_inc_service {
  background-color: #789440;
  color: #fff;
  padding: 8px 32px;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  margin: 0 auto;
}

.srv_head {
  background-color: #ebf1df;
  margin: 0;
}
.srv_head .srv_h_t {
  display: table;
  width: 100%;
  height: 48px;
}
.srv_body .srv_service_t {
  display: table;
  width: 100%;
  border-top: 1px solid #dfe1da;
  background-color: #fdfff7;
  cursor: pointer;
  cursor: hand;
}
.srv_body .srv_service_t.second {
  background-color: #f9f9fa;
}
.srv_head .srv_h_t .srv_h_t_c {
  display: table-cell;
  vertical-align: middle;
}
.srv_service_t .srv_service_t_c {
  display: table-cell;
  vertical-align: top;
}
.srv_head .srv_h_t_c.left {
  width: 18px;
}
.srv_head .srv_h_t_c.title {
  font-size: 1.2em;
  width: 550px;
}
.srv_head .srv_h_t_c.serv {
  font-size: 0.9em;
  width: 120px;
  text-align: center;
  line-height: 1.2em;
}
.srv_head .srv_h_t_c.button {
  width: 48px;
  cursor: pointer;
  cursor: hand;
  border-left: 1px solid #dfe1da;
  text-align: center;
}
.srv_head .srv_h_t_c.button i {
  line-height: 48px;
}
.srv_service_t .srv_service_t_c.left {
  width: 18px;
}
.srv_service_t .srv_service_t_c.title {
  width: 410px;
}
.srv_service_t .srv_service_t_c.reward {
  width: 140px;
}
.srv_service_t .srv_service_t_c.button {
  width: 48px;
  text-align: center;
}
.srv_service_t .srv_service_t_c.button i {
  font-size: 30px;
  line-height: 44px;
  color: #7f7f7f;
  margin-top: 0;
}
.srv_service_t i.show_ico {
  display: inline-block;
}
.srv_service_t i.hide_ico {
  display: none;
}
.srv_service_t.show_detail i.show_ico {
  display: none;
}
.srv_service_t.show_detail i.hide_ico {
  display: inline-block;
}

.srv_service_t .srv_service_t_c.serv {
  width: 120px;
  text-align: center;
}
.srv_h_t_c .title,
.srv_service_t_c .title {
  padding: 10px 18px 5px 0;
  line-height: 1.1em;
}
.srv_service_t.show_detail {
}
.srv_service_t.show_detail .srv_service_t_c.title {
  width: auto;
}
.srv_service_t.show_detail .title {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 700;
  color: #7f7f7f;
}
.srv_service_t.show_detail .srv_service_t_c.reward {
  display: none;
}

.serv_type {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 10px 0 0;
  position: relative;
}
/*
.serv_type .tooltiptext
{
    white-space:nowrap;
    visibility: hidden;
    background-color: #EA700D;
    font-size:.9em;
    color: #fff;
    text-align: center;
    padding: 0px 12px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;

    bottom: 32px;
    left: 50%;
    width:194px;
    margin-left: -109px;
}
.serv_type .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #EA700D transparent transparent transparent;
}
.serv_type:hover .tooltiptext {
    visibility: visible;
}
*/
.serv_type.int {
  margin: 10px 10px 0 0;
}
.serv_type.part {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/rew-part.png") left top no-repeat;
}
.serv_type.cash {
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/rew-cash.png") left top no-repeat;
}
.srv_body .srv_about {
  display: none;
  border-top: 1px solid #dfe1da;
}
.srv_about.edit_c {
  display: none;
}
.srv_about .srv_about_с {
  padding: 16px;
}
.srv_about_с .label_f {
  font-size: 0.9em;
  color: #000;
  margin-top: 10px;
}
.srv_about_с .data_f {
  margin-top: 10px;
  font-size: 0.8em;
  line-height: 1.4em;
  color: #7f7f7f;
}
.srv_about .service_btn_list {
  margin: 16px 10px 0 16px;
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  font-size: 0.8em;
  display: inline;
  text-align: center;
  float: left;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  background-color: #ea700d;
}
.srv_about .service_btn_hide {
  margin: 16px 16px 0 16px;
  padding: 0 40px 0 25px;
  height: 30px;
  line-height: 30px;
  font-size: 0.8em;
  display: inline;
  text-align: center;
  float: right;
  border-radius: 3px;
  border: 1px solid #ea700d;
  color: #ea700d;
  cursor: pointer;
  cursor: hand;
  background-color: white;
  position: relative;
}
.srv_about .service_btn_hide:after {
  font-family: "Material Icons";
  content: "\E5C7";
  font-size: 1.7em;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  color: #ea700d;
  pointer-events: none;
}
.srv_body .srv_service_t_det {
  display: none;
}

/* проекти */
.project_multiselect_c {
  width: 230px;
  margin: 0 18px 0 0;
  float: left;
  display: inline;
}
.project_multiselect_c.subitem {
  margin-top: 10px;
}
.project_multiselect_c .selecting_c {
  position: relative;
  display: none;
}
.project_multiselect_c .selecting_c .checkbox_list {
  padding: 10px 5px 10px 10px;
  width: 235px;
  /*height:280px;*/
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: white;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 900;
  border: 1px solid #d8d8d8;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin: 0 5px 0 0;
}
.project_multiselect_c.subitem .selecting_c .checkbox_list {
  height: 130px;
  top: -150px;
}
.project_multiselect_c .selecting_c input {
  margin: 0 5px 0 0;
}
.project_multiselect_c .selecting_c span {
  color: #333;
  font-size: 0.8em;
  line-height: 1em;
}
.project_multiselect_c .selecting_c .checkbox_btn {
  padding: 0 10px;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  background-color: #6a8238;
  border: 1px solid #6a8238;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: white;
  cursor: pointer;
  cursor: hand;
  font-weight: 300;
  width: 230px;
}
.project_multiselect_c .selecting_btn {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 2px;
  padding: 0 10px;
  font-size: 15px;
  height: 36px;
  line-height: 38px;
  text-align: left;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  font-weight: 300;
  color: #606060;
  background: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  margin: 0;
  width: 230px;
  position: relative;
}
.project_multiselect_c .selecting_btn:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.7em;
  padding: 0;
  position: absolute;
  right: 3px;
  top: 0;
  z-index: 1;
  color: #333;
  pointer-events: none;
}

.escape_edit_mode {
  margin: 0 0 0 20px;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: right;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  background-color: #adadad;
}
.escape_edit_mode.block {
  margin-top: 16px;
}

/* interest add */
.aint_m .field_name {
  line-height: 2em;
}
.aint_m .name_box {
  margin: 18px 0;
}
.aint_m .name_box .desc {
  font-style: italic;
  color: #898783;
  font-size: 0.9em;
}
.aint_m .name_box textarea {
  resize: none;
  border: 1px solid #e8e8e8;
  line-height: 22px;
  height: 66px;
  min-height: 66px;
  font-size: 15px;
}
.aint_m .form_fields .col1 {
  border-right: 40px solid transparent;
}
.aint_m .form_fields .col1,
.aint_m .form_fields .col2 {
  display: table-cell;
  vertical-align: bottom;
  border-bottom: 12px solid transparent;
}
.aint_m .form_fields .col2 {
  width: 282px;
}
.aint_m .project_multiselect_c.aitn,
.aint_m .input_box.aitn {
  margin-top: 6px;
}
.aint_m .input_box.dropdown.aitn {
  width: 280px;
  max-width: 280px;
}
.aint_m .input_box.dropdown.aitn.with_region {
  width: 130px;
  margin-right: 16px;
  float: left;
  display: inline;
}
.aint_m .input_box.dropdown.aitn.loc_r {
  display: none;
  width: 130px;
  float: left;
}
.aint_m .input_box.dropdown.aitn.loc_r.show {
  display: inline;
}

.aint_m .input_box.aitn select {
  width: 100%;
  min-width: auto;
}
.project_multiselect_c.aitn .selecting_c .checkbox_list {
  width: 265px;
}
.project_multiselect_c.aitn .selecting_c .checkbox_list.tiny {
  overflow-y: auto;
  bottom: 100%;
  height: auto;
}
.project_multiselect_c.aitn .selecting_c .checkbox_btn,
.project_multiselect_c.aitn .selecting_btn {
  width: 260px;
}
.project_multiselect_c.aitn .selecting_btn:after {
  font-size: 1.8em;
  right: 12px;
}
.aint_m .geo_c .geomarkets_btn {
  width: 260px;
  background: #ffffff;
  position: relative;
  margin-top: 6px;
}
.aint_m .geo_c .geomarkets_btn:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.8em;
  padding: 0;
  position: absolute;
  right: 0.5em;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.aint_m .btn_add_prog {
  margin: 0 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  display: inline;
  text-align: center;
  float: right;
  color: white;
  border-radius: 3px;
  background-color: #bfbfbf;
}
.aint_m .btn_add_prog.active {
  background-color: #ea700d;
  cursor: pointer;
  cursor: hand;
}
.aint_m .new_interest {
  margin-top: 15px;
}
.aint_m .pers_podb {
  float: left;
  margin-top: 20px;
  display: none;
}
.aint_m .result_status {
  float: right;
  display: inline;
  margin-top: 20px;
  margin-right: 20px;
  color: #668800;
}
.aint_m .pers_podb_help {
  border-radius: 50%;
  border: 1px solid #c1c1c1;
  color: #8a7f7f;
  font-size: 25px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  float: right;
  display: inline;
  text-align: center;
  margin-left: 16px;
  margin-top: -7px;
  position: relative;
}
.pers_podb_help .tooltip {
  visibility: hidden;
  width: 150px;
  background-color: #ea700d;
  color: #fff;
  text-align: left;
  padding: 8px 12px;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  font-size: 14px;
  line-height: 1.1em;
  bottom: 110%;
  left: -69px;
}
.pers_podb_help .tooltip::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  border-width: 3px;
  border-style: solid;
  border-color: #ea700d transparent transparent transparent;
}
.aint_m .pers_podb_help:hover .tooltip {
  visibility: visible;
}
.interest_body {
  width: 100%;
  background-color: #ffffff;
}
.interest_body .interest_box {
  padding: 30px 0;
  border-left: 12px dashed transparent;
  border-right: 32px dashed transparent;
  border-bottom: 1px dashed #dcdcdc;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.interest_body .interest_box.last {
  border-bottom: none;
  padding-top: 20px;
}
.interest_box .counters {
  width: 50px;
  display: table-cell;
  text-align: center;
  line-height: 1em;
}
.interest_box .counters .count {
  font-size: 0.9em;
  line-height: 1em;
  margin-top: -6px;
}
.interest_box .counters i {
  color: #bfbfbf;
  line-height: 10px;
}
.interest_box .views {
  margin-bottom: 26px;
}
.interest_box .about {
  width: 320px;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.interest_box .projects {
  display: table-cell;
  border-bottom: 1px solid #dcdcdc;
  vertical-align: top;
}
.inv_int_pr_cod {
  float: left;
  display: inline;
  height: 25px;
  font-size: 14px;
}
.inv_int_pr_link {
  float: left;
  display: inline;
  font-size: 14px;
  margin-left: 12px;
}
.inv_int_pr_status {
  float: right;
  display: inline;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: 400;
  color: #ea700d;
  font-size: 12px;
}
.inv_int_pr_m_draft {
  font-style: italic;
  font-size: 14px;
  color: red;
}

.inv_int_pr_t {
  display: table;
  width: 100%;
}
.inv_int_pr_t .inv_int_pr_c {
  display: table-cell;
  width: 45%;
  border-bottom: 1px solid #9c9c9c;
  background-color: #eeeeee;
  opacity: 0.75;
}
.inv_int_pr_t .inv_int_pr_c.act {
  border-bottom: 1px solid white;
  background-color: #fff;
  opacity: 1;
}
.inv_int_pr_t .inv_int_pr_c.sep1 {
  width: 5px;
  background-color: #fff;
  opacity: 1;
  border-bottom: 1px solid #acacac;
}
.inv_int_pr_t .inv_int_pr_c.sep {
  width: auto;
  background-color: #fff;
  opacity: 1;
  border-bottom: 1px solid #acacac;
}
.inv_int_pr_item_t {
  display: table;
  width: 100%;
  text-align: center;
}
.inv_int_pr_item_t .inv_int_pr_item_r {
  display: table-row;
  text-align: left;
}
.inv_int_pr_item_r .inv_int_pr_item_c.menu {
  width: 76px;
  background-color: #fdfff7;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
}
.inv_int_pr_item_r .inv_int_pr_item_c {
  display: table-cell;
  border-bottom: 1px solid #e8e8e8;
}
.inv_int_action_pm {
  display: inline-block;
  width: 38px;
  height: 38px;
  color: #7f7f7f;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.inv_int_action_pm i {
  font-size: 36px;
  line-height: 38px;
}
.ii_a_pm_menu {
  position: absolute;
  top: 10%;
  right: 50%;
  padding: 10px 0;
  white-space: nowrap;
  text-align: left;
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 0 3px #cccccc;
  display: none;
  z-index: 1;
}
.ii_a_pm_menu .ii_a_pm_menu_item,
.ii_a_pm_menu .ii_a_pm_menu_item a {
  text-decoration: none;
  color: #7f7f89;
  font-size: 1.1em;
  display: block;
}
.ii_a_pm_menu .ii_a_pm_menu_item {
  padding: 5px 12px;
}
.ii_a_pm_menu .ii_a_pm_menu_item:hover,
.ii_a_pm_menu .ii_a_pm_menu_item a:hover {
  background-color: #f2f2f2;
}

.inv_int_pr_name {
  color: #9ebb61;
  margin: 6px 12px 6px 0;
  position: relative;
}
.inv_int_pr_name a {
  text-decoration: none;
  color: #9ebb61;
}
.inv_int_pr_name .iipp_tooltip {
  display: none;
  width: 290px;
  background-color: #ea700d;
  color: #fff;
  text-align: left;
  padding: 8px 12px;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  font-size: 0.9em;
  line-height: 1.1em;
}
.inv_int_pr_name .iipp_tooltip::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 10%;
  margin-left: -3px;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent #ea700d #ea700d;
}

.inv_int_pr_price {
  font-size: 1.2em;
  margin: 6px 12px 6px 0;
}
.inv_int_pr_price .price_desc {
  display: inline;
  padding-left: 50px;
  font-size: 0.7em;
}
.inv_int_pr_price .price_desc span {
  color: #ea700d;
  font-size: 1.1em;
}
.inv_int_pr_desc {
  font-size: 0.9em;
  margin: 3px 12px 3px 0;
  color: #a5aab3;
  line-height: 1.1em;
  word-break: break-word;
}

.progtamList .sep,
.progtamList .sep1 {
  height: 27px;
}
.progtamList .inv_int_pr_list {
  height: 366px;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #acacac;
  box-sizing: border-box;
}
div.progtamList .inv_int_pr_c {
  width: auto;
}
.inv_int_pr_tab {
  white-space: nowrap;
  cursor: pointer;
  cursor: hand;
  padding: 3px 6px;
  border-left: 1px solid #acacac;
  border-top: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 14px;
}
.inv_int_pr_tab span {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #789440;
  background-color: #789440;
  color: white;
  padding: 0 6px;
  margin-rigth: 6px;
  line-height: 20px;
  font-size: 13px;
  float: right;
}
.inv_int_pr_list {
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
}
.inv_int_pr_list.act {
  display: block;
}
.interest_c {
  border: 1px solid #c3c3c3;
  width: 300px;
}
.interest_c .interest_goal {
  padding: 6px 16px;
  font-size: 0.9em;
}
.interest_c .interest_comment {
  background-color: #7f7f7f;
  padding: 24px 16px;
  font-size: 1.2em;
  line-height: 1.2em;
  color: white;
  margin: 0 0 12px 0;
  min-height: 70px;
  word-wrap: break-word;
}
.interest_c .interest_desc {
  padding: 0 16px 0 16px;
  font-size: 0.9em;
  min-height: 50px;
}
.interest_c .interest_price {
  text-align: right;
  padding: 26px 16px 12px 16px;
  font-size: 1.3em;
  border-bottom: 1px solid #c3c3c3;
}

/* multigoal projects */
.up_v_c2.mg_p {
}
.mg_projects {
  width: 670px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  border: 1px solid #dcdcdd;
  background-color: #f9f9fa;
  position: relative;
}
.mg_projects.othf {
  margin-top: 30px;
}
.mg_projects.inviz {
  border: none;
  background-color: transparent;
}
.mg_projects.inviz .form_fields_c {
  border: none;
}
.mg_projects.fth {
  margin-bottom: 30px;
  margin-top: 28px;
}
.mg_projects .title {
  background-color: #ebf1df;
  border-bottom: 1px solid #dcdcdd;
  line-height: 36px;
  padding: 0 0 0 10px;
  font-weight: 400;
}
.mg_projects .photo_c {
  height: 365px;
  text-align: center;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/ic_add_a_photo_black_48dp_1x.png") center center
    no-repeat;
  font-weight: 400;
}
.mg_projects .photo_c.any_image {
  height: 333px;
  margin: 16px 32px;
  border: 3px dashed #dcdcdd;
}
.mg_projects .photo_c {
  cursor: pointer;
  cursor: hand;
}
.mg_projects .photo_c .photo_desc {
  padding-top: 80px;
}
.mg_projects .error_input_desc {
}
.mg_projects .form_fields_c {
  padding: 16px 32px;
  border-top: 1px solid #dcdcdd;
}
.mg_projects .form_fields_c.wide {
  padding: 16px 0;
  border-top: none;
}
.mg_projects .field-container {
  margin-top: 18px;
  padding: 0 12px;
}
.mg_projects .field-container.wide {
  padding: 0;
}
.mg_projects .field_name {
  line-height: 2em;
}
.mg_projects .field-container.wide .field_name {
  padding: 0 32px;
}
.mg_projects .name_box {
  margin: 0;
}
.mg_projects .name_box.next {
  margin-top: 12px;
}
.mg_projects .name_box .desc {
  font-style: italic;
  color: #898783;
  font-size: 0.9em;
  line-height: 20px;
}
.mg_projects .input_desc {
  border: 1px solid rgb(217, 217, 217);
  padding: 0 15px;
  font-size: 22px;
  height: 38px;
  line-height: 42px;
  background-color: white;
  text-align: left;
  font-weight: 400;
  float: left;
  color: black;
}
.mg_projects input.short {
  border: 1px solid white;
}
.mg_projects .name_box textarea {
  resize: none;
  border: 1px solid #e8e8e8;
  line-height: 22px;
  height: 66px;
  min-height: 66px;
}
.mg_projects .name_box textarea.wide {
  height: 132px;
  min-height: 132px;
}
.mg_projects .name_box textarea.wide::-moz-placeholder {
  font-size: 0.9em;
}
.mg_projects .name_box textarea.wide::-webkit-input-placeholder {
  font-size: 0.9em;
}
.mg_projects .name_box textarea.wide:-ms-input-placeholder {
  font-size: 0.9em;
}

.mg_projects .name_box textarea.wide2 {
  height: 198px;
  min-height: 198px;
}

.mg_projects .form_fields_line {
  margin: 0;
  display: table;
  width: 100%;
}
.mg_projects .col1 {
  border-top: 18px solid transparent;
  display: table-cell;
  width: 190px;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  vertical-align: middle;
}
.mg_projects .col2 {
  display: table-cell;
  border-top: 18px solid transparent;
}
.mg_projects .input_box select {
  font-size: 15px;
  width: 224px;
  max-width: 224px;
  min-width: 224px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 6px 24px 6px 5px;
  line-height: 20px;

  border: 1px solid transparent;
  background-color: white;
  color: #606060;
}
.mg_projects .input_box.long select {
  width: 280px;
  max-width: 280px;
  min-width: 280px;
}

.mg_projects .input_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 224px;
  max-width: 224px;
  border: 1px solid rgb(217, 217, 217);
  float: left;
}
.mg_projects .input_box.dropdown.slim {
  width: 209px;
}
.mg_projects .input_box.dropdown.nofloat {
  float: none;
}

.mg_projects .input_box.dropdown.long {
  width: 250px;
  max-width: 250px;
}
.mg_projects .input_box select::-ms-expand {
  display: none;
}
.mg_projects .input_box.dropdown:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.6em;
  padding: 0;
  position: absolute;
  right: 2px;
  top: 5px;
  z-index: 1;
  color: #333;
  pointer-events: none;
}
.mg_projects .input_box.dropdown:hover {
}
.mg_projects .input_box select:focus {
  outline: none;
}
.mg_projects .maindata_button_box {
  margin-top: 12px;
}
.mg_projects .button_action {
  margin: 0 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: right;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  background-color: #bfbfbf;
  position: relative;
}
.mg_projects .button_action.save {
  background-color: #ea700d;
}
.mg_projects .button_action.cansel {
  background-color: #668000;
}
.mg_projects .add_member {
  font-size: 12px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  margin-top: 10px;
}
.mg_projects input.p_link {
  float: left;
  width: 340px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.mg_projects input.p-link {
  float: left;
  width: 340px;
  margin-right: 20px;
  margin-top: 10px;
}
.mg_projects .add_video {
  font-size: 13px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  margin-top: 10px;
  white-space: nowrap;
  float: left;
}
.mg_projects input.toSecondCol {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}

.mg_projects .button_place {
  height: 60px;
  width: 100%;
}

.mg_projects .button_box {
  position: relative;
  bottom: 16px;
  right: 32px;
  display: block;
  float: left;
  z-index: 990;
}

.mg_projects .takepart_btn {
  margin: 16px 0 0 18px;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: right;
  background-color: #668000;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
}
.mg_projects .save_btn {
  margin: 16px 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  display: inline;
  text-align: center;
  float: left;
  background-color: #ea700d;
  color: white;
  border-radius: 3px;
  box-shadow: 0px 2px 2px #333333;
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.mg_projects .save_btn .short-name {
  display: none;
}
.mg_projects .save_btn i {
  vertical-align: middle;
}
.mg_projects .save_btn.back {
  background-color: #7c7a7c;
  margin-right: 16px;
}
.mg_projects .save_btn.help {
  background-color: #668000;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  padding: 0;
}
.mg_projects .save_btn.moder {
  background-color: #668000;
}
.mg_projects .save_btn .tooltiptext,
.mg_projects .save_btn .tooltip-help-text,
.mg_projects .button_action .tooltiptext,
.button-box2 .save-btn .tooltiptext {
  visibility: hidden;
  background-color: #ea700d;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
  padding: 6px 8px;
  border-radius: 3px;
  position: absolute;
  z-index: 1;

  bottom: 46px;
  left: 50%;
  width: 194px;
  margin-left: -109px;
  white-space: normal;
}
.mg_projects .save_btn .tooltiptext::after,
.mg_projects .save_btn .tooltip-help-text::after,
.mg_projects .button_action .tooltiptext::after,
.button-box2 .save-btn .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ea700d transparent transparent transparent;
}
.mg_projects .save_btn .tooltip-help-text::before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 7px;
}
.mg_projects .save_btn .tooltip-help-text {
  background-color: #668000;
  width: 220px;
  margin-left: -99px;
  left: 0;
  line-height: 1.5em;
}
.mg_projects .save_btn .tooltip-help-text a {
  color: white;
}
.mg_projects .save_btn .tooltip-help-text::after {
  border-color: #668000 transparent transparent transparent;
  left: 50%;
}
.mg_projects .save_btn:hover .tooltiptext,
.mg_projects .save_btn:hover .tooltip-help-text,
.mg_projects .button_action:hover .tooltiptext,
.button-box2 .save-btn:hover .tooltiptext {
  visibility: visible;
}

/* нові кнопки збереження та відправки на модерацію 05.12.2016 */
.mg_projects .rating-score-title {
  color: #9bb333;
}
.mg_projects .button-box2 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: transparent url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/bg-buttons3.png") 0 0 repeat;
  z-index: 990;
}
.button-box2 .button-cell {
  display: table-cell;
  vertical-align: top;
  width: 30%;
  height: 90px;
}
.button-box2 .button-cell.graf {
  width: 660px;
  max-width: 100%;
}
.button-box2 .save-btn {
  margin: 20px 0;
  padding: 0 20px;
  height: 50px;
  display: inline;
  border-radius: 3px;
  position: relative;
  line-height: 48px;
  font-size: 17px;
  font-weight: 300;
  color: white;
  white-space: nowrap;
  cursor: pointer;
  cursor: hand;
  text-decoration: none;
}
.button-box2 .save-btn i {
  vertical-align: middle;
}
.button-box2 .save-btn.back {
  float: right;
  margin-right: 100px;
  background-color: #7f7f7f;
}
.button-box2 .save-btn.than,
.button-box2 .save-btn.moder {
  float: left;
  margin-left: 15px;
  background-color: #ea700d;
}
.button-box2 .save-btn.moderprog {
  float: left;
  margin-left: 100px;
  background-color: #668000;
  width: 110px;
  padding: 5px 12px;
  text-align: center;
  line-height: 20px;
  height: 40px;
  white-space: normal;
  position: relative;
}
.wait-program {
  width: 32px;
  height: 32px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/wait32_2.gif") center center no-repeat;
  position: absolute;
  top: 10px;
  left: -46px;
  display: none;
}
.button-box2 .save-btn.moder {
  background-color: #668000;
}
.button-box2 .save-btn.empty {
  color: transparent;
  min-width: 90px;
  float: right;
}
.button-box2 .save-btn .tooltiptext {
  bottom: 56px;
}
.button-box2 .rating-title {
  width: 100%;
  display: table;
  margin: 10px 0 0 0;
  color: #595959;
}
.button-box2 .rating-title .rating-title-cell {
  display: table-cell;
  text-align: center;
  white-space: nowrap;
}
.button-box2 .rating-title .rating-title-cell.l {
  text-align: left;
  font-size: 14px;
}
.button-box2 .rating-title .rating-title-cell.r {
  text-align: right;
  font-size: 14px;
}
.button-box2 .rating-title i {
  vertical-align: middle;
  /* color:#333; */
  background-color: white;
  border-radius: 50%;
}
.button-box2 .rating-title .help {
  vertical-align: middle;
  /* color:#333; */
  background-color: white;
  border-radius: 50%;
  border: 1px solid #595959;
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
}
/* version 1 */
.button-box2 .rating-bar {
  width: 100%;
  padding: 0;
  line-height: 30px;
  text-align: right;
  background-color: #f2f2f2;
  color: #595959;
  border: 1px solid #c4c4c4;
  position: relative;
}
.button-box2 .rating-bar .rating-fill {
  background-color: #ea700d;
  text-align: left;
  color: white;
  float: left;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}
.rating-fill .rating-fill-cost {
  display: inline;
  float: right;
}
/* version 2 */
.button-box2 .rating-bar-box {
  width: 100%;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: right;
  background-color: #f2f2f2;
  color: #595959;
  border: 1px solid #c4c4c4;
  display: table;
}
.rating-bar-box .rating-bar-cell {
  display: table-cell;
  white-space: nowrap;
}
.rating-bar-box .low-border {
  float: left;
  display: none;
}
.rating-bar-box .high-border {
  display: none;
}
.rating-bar-box .count {
  display: inline;
}
.rating-bar-box .rating-bar-cell.pre {
  display: none;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/bg-pre2.png") 0 0 repeat;
  border-right: 1px solid #ccc;
  color: white;
  width: 10px;
  text-align: right;
  position: relative;
}
.rating-bar-box .rating-bar-cell.pre .maybe {
  position: absolute;
  color: #333;
  left: 100%;
  top: 0;
}
.rating-bar-box .rating-bar-cell.filled {
  background-color: #ea700d;
  text-align: right;
  color: white;
}

.rating-title .help {
  position: relative;
}
.rating-title .help .rating-tooltip {
  visibility: hidden;
  background-color: #eee;
  color: #333;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3em;
  text-align: left;
  padding: 6px 8px;
  border: 1px solid #999;
  border-radius: 3px;
  position: absolute;
  z-index: 1;

  bottom: 25px;
  left: 50%;
  width: 194px;
  margin-left: -194px;
  white-space: normal;
}
.rating-title .help .rating-tooltip::after {
  content: " ";
  position: absolute;
  top: 100%;
  right: 13px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #999 transparent transparent transparent;
}
.rating-title .help:hover .rating-tooltip {
  visibility: visible;
}
@media screen and (max-width: 360px) {
  .rating-title .help .rating-tooltip {
    margin-left: -167px;
    width: 205px;
  }
  .rating-title .help .rating-tooltip::after {
    right: 50px;
  }
}

.view_next_projects {
  display: inline-block;
  padding: 6px 16px 6px 16px;
  margin: 10px auto;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  color: #212121;
  cursor: pointer;
  cursor: hand;
}
.viewNextProjects {
  display: inline-block;
  padding: 6px 16px 6px 16px;
  margin: 10px auto;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  color: #212121;
  cursor: pointer;
  cursor: hand;
}
.mp_view_video {
  margin-top: 20px;
}
.goal_header_t {
  display: table;
  width: 100%;
}
.goal_header_t .goal_header_r {
  display: table-row;
}
.goal_header_t .goal_header_cl.h,
.goal_header_t .goal_header_cr.h {
  border-top: 1px solid white;
  color: #7f7f7f;
  font-size: 18px;
  vertical-align: top;
  line-height: 30px;
  height: 35px;
}
.goal_header_t .goal_header_cl.h b {
  color: #333;
}
.goal_header_t .goal_header_cl {
  width: 50%;
  text-align: left;
}
.goal_header_t .goal_header_cr {
  text-align: right;
  white-space: nowrap;
}
.goal_header_t .goal_header_cr i {
  vertical-align: bottom;
  color: lightgrey;
  font-size: 20px;
  position: relative;
}
a.edit_mpg_goal,
a.edit_mpg_goal:link,
a.edit_mpg_goal:active,
a.edit_mpg_goal:visited {
  /*text-decoration:none;
  color:#333;*/
  position: relative;
}
a.edit_mpg_goal:hover {
  text-decoration: underline;
  color: #668800;
}
a.edit_mpg_goal:hover::after {
  font-family: "Material Icons";
  content: "\E254";
  font-size: 1.6em;
  padding: 0;
  position: absolute;
  right: -24px;
  top: -7px;
  z-index: 1;
  color: lightgrey;
  pointer-events: none;
}

.goal_header_t .goal_header_cl.goal_list {
  width: 75%;
}

.goal_header_t .goal_header_cl,
.goal_header_t .goal_header_cr {
  display: table-cell;
  border-top: 1px solid #dedede;
  line-height: 20px;
  color: #333;
  font-size: 14px;
  min-height: 35px;
  height: 35px;
  vertical-align: middle;
}
.goal_header_t .goal_header_cl.sep,
.goal_header_t .goal_header_cr.sep {
  border-top: 1px dashed #dedede;
}
.goal_header_t .goal_header_cr.goal_list {
}
.goal_header_t .goal_header_cr {
  font-size: 13px;
}
.goal_header_cr a.edit_goal {
  color: #668800;
  text-decoration: none;
}
.goal_header_cr a.edit_goal_ico {
  color: #ea700d;
  text-decoration: none;
  position: relative;
}
.goal_header_cr a.edit_goal_ico .tooltip {
  visibility: hidden;
  color: white;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 1em;
  position: absolute;
  background-color: #ea700d;
  border-radius: 2px;
  bottom: 175%;
  left: 50%;
  text-align: left;
  z-index: 1;
}
.goal_header_cr a.edit_goal_ico:hover .tooltip {
  visibility: visible;
}
.goal_header_cr a.moder_goal {
  color: #ea700d;
  text-decoration: none;
  position: relative;
  line-height: 20px;
  display: inline-block;
}
.goal_header_cr .ondispose_goal {
  color: #fe0000;
  text-decoration: none;
  position: relative;
  line-height: 15px;
}
.goal_header_cr .ondispose_goal .tooltip,
.goal_header_cr a.moder_goal .tooltip,
.goal_header_t .goal_header_cr i .tooltip {
  padding: 6px 16px;
  display: none;
  position: absolute;
  border-radius: 2px;
  top: 125%;
  right: 0;
  text-align: left;
  min-width: 170px;
  width: 170px;
  min-width: 200px;
  z-index: 1000;
  font: 400 12px/1.3em Roboto, sans-serif;
  background-color: white;
  border: 1px solid #fe0000;
  color: #fe0000;
  white-space: normal;
}
.goal_header_cr a.ondispose_goal .tooltip::after,
.goal_header_cr a.moder_goal .tooltip::after,
.goal_header_t .goal_header_cr i .tooltip::after {
  content: " ";
  position: absolute;
  top: -5px;
  right: 10%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fe0000 transparent;
}
.goal_header_t .goal_header_cr i .tooltip::after {
  right: 4px;
}
.goal_header_cr a.ondispose_goal:hover .tooltip,
.goal_header_cr a.moder_goal:hover .tooltip,
.goal_header_t .goal_header_cr i:hover .tooltip {
  display: block;
}
.goal_header_cr .onmoder_goal {
  color: red;
}
.goal_header_cr .ondispose_goal {
}
.goal_header_cr .onactive_goal {
  color: #668000;
}
.ondispose_goal_help {
  position: relative;
  height: 10px;
  cursor: pointer;
  cursor: hand;
  top: 3px;
}
.ondispose_goal_help .tooltip {
  color: white;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 1.3em;
  display: none;
  position: absolute;
  background-color: #fe0000;
  border-radius: 2px;
  top: 30px;
  right: 0;
  text-align: left;
  min-width: 170px;
  z-index: 1000;
}
.ondispose_goal_help:hover .tooltip {
  display: block;
}
.ondispose_goal_help .tooltip::after {
  content: " ";
  position: absolute;
  top: -5px;
  right: 8px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fe0000 transparent;
}

.mg_projects .switcher_box {
  height: 100%;
  float: right;
  display: inline;
  margin: 0;
  color: #7f7f7f;
  text-align: center;
  border-left: 1px solid rgb(217, 217, 217);
}
.switcher_box .switch_mode {
  width: 36px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  cursor: pointer;
  cursor: hand;
}
.switcher_box .switch_mode:hover .tooltiptext {
  visibility: visible;
}
.switch_mode .tooltiptext {
  color: white;
  padding: 0 16px;
  font-size: 13px;
  visibility: hidden;
  position: absolute;
  background-color: #ea700d;
  top: -15px;
  right: 110%;
}
.switch_mode .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #ea700d;
}
.mgp_edit_main_data {
  display: none;
}
.mg_projects .proj_error_c {
  padding: 16px 32px;
}
.mg_projects .proj_error_c .subtitle {
  font-size: 1.05em;
}
.mg_projects .proj_main_c {
  padding: 16px 32px;
  border-top: 1px solid #dcdcdd;
}
.mg_projects .name_view {
  margin: 5px 0 10px 0;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mg_projects .slogan {
  margin-top: 5px;
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mg_projects .mainprop_box {
  margin: 8px 0 0 0;
  display: table;
  width: 100%;
}
.mg_projects .mainprop_line {
  display: table-row;
}
.mg_projects .col1 {
  display: table-cell;
  width: 180px;
  font-weight: 300;
  line-height: 20px;
  vertical-align: middle;
}
.mg_projects .col2 {
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
  word-break: break-all;
}

/* old 01/12/2016 */
.help_fill_field {
  color: #adadad;
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  position: relative;
  height: 30px;
  vertical-align: middle;
}
.help_fill_field .tooltip {
  display: none;
  color: white;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2em;
  position: absolute;
  background-color: #ea700d;
  border-radius: 2px;
  bottom: 115%;
  left: -84px;
  text-align: left;
  width: 168px;
  z-index: 1;
}
.help_fill_field .tooltip a {
  color: white;
}
.help_fill_field.lefted .tooltip {
  left: 0px;
}
.help_fill_field.righted .tooltip {
  left: unset;
  right: 0;
}
.help_fill_field:hover .tooltip {
  display: block;
}
.help_fill_field .tooltip::after {
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 91px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ea700d transparent transparent transparent;
}
.help_fill_field.lefted .tooltip::after {
  left: 7px;
}
.help_fill_field.righted .tooltip::after {
  left: unset;
  right: 7px;
}
/* new 01/12/2016 */
.help_filling_field {
  color: #adadad;
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  position: relative;
  height: 30px;
  vertical-align: middle;
}
.help_filling_field i {
  vertical-align: sub;
}
.help_filling_field .tooltip {
  display: none;
  color: #333;
  padding: 6px 16px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4em;
  position: absolute;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #adadad;
  bottom: 115%;
  top: auto;
  left: 0;
  text-align: left;
  width: 168px;
  z-index: 900;
  box-shadow: 0 0 3px #ccc;
}
.help_filling_field .tooltip.tb {
  top: 110%;
  bottom: auto;
}
.help_filling_field .tooltip span {
  font-weight: 300;
}
.help_filling_field:hover .tooltip {
  display: block;
}
.help_filling_field .tooltip::before,
.rating-title .help .rating-tooltip::before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 25px;
}
.help_filling_field .tooltip.tb::before {
  top: -25px;
}
.help_filling_field .tooltip .beak {
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 0;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #adadad transparent transparent transparent;
}
.help_filling_field .tooltip.tb .beak {
  top: -5px;
  bottom: auto;
  border-color: transparent transparent #adadad transparent;
}
.help_filling_field ._tooltip::after {
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 0;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #adadad transparent transparent transparent;
}

.mgp_gal_box {
  margin: 0;
  height: 100%;
}
.mgp_gal_box .mgp_gal_item {
  vertical-align: middle;
  text-align: center;
  height: 400px;
  line-height: 400px;

  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.mgp_gal_box .mgp_gal_item img {
  vertical-align: middle;
}
.mpg_mainvideo {
  margin: 10px 0;
}

.mgp_vid_box {
  margin: 0;
}

.files_cur_t {
  display: inline;
  float: left;
  margin: 0 25px 0 0;
}
.files_cur_ce {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goal_labels_table {
  display: table;
  width: 100%;
  text-align: right;
  height: 100%;
}
.goal_labels_table .goal_labels_cell {
  display: table-cell;
  vertical-align: middle;
}
.goal_labels_table .goal_labels_cell a {
  margin: 0 6px;
}
.goal_labels_table .goal_labels_cell.ico_label {
  width: 28px;
}
.goal_labels_table .goal_labels_cell.ico_label.btn {
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
  text-align: center;
}
.goal_labels_table .goal_labels_cell.ico_label.btn a {
  margin: 0;
}

.psevdoselect_container {
  position: relative;
  display: block;
  width: 300px;
  max-width: 300px;
  border: 1px solid rgb(217, 217, 217);
  float: left;
  border-radius: 3px;
  height: 32px;
  line-height: 20px;
  padding: 0;
  vertical-align: middle;
  font-size: 16px;
  color: #606060;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  box-sizing: border-box;
}
.psevdoselect_container:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.6em;
  padding: 0;
  position: absolute;
  right: 2px;
  top: 5px;
  z-index: 1;
  color: #333;
  pointer-events: none;
}
.psevdoselect_container.opened:after {
  content: "\E5C7";
}
.psevdoselect_container span {
  vertical-align: middle;
  display: block;
  line-height: 32px;
  margin: 0 auto;
  padding-left: 12px;
}
.psevdoselect_container ul {
  display: none;
  white-space: nowrap;
  background-color: #fbfff0;
  border: 1px solid #dfe2d9;
  font-size: 0.9em;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 105%;
  width: 100%;
  margin: 0;
  padding: 6px 0;
  box-sizing: border-box;
}
.psevdoselect_container ul li {
  list-style: none;
  padding: 7px 12px;
}
.psevdoselect_container ul li:hover {
  color: black;
}

.button_add_pic {
  float: right;
  display: inline;
  font-size: 14px;
  text-decoration: underline;
  color: #668000;
  cursor: pointer;
  cursor: hand;
}

.mpg_button {
  width: 100%;
  font-size: 14px;
  background-color: #d7e3bf;
  color: #fff;
  cursor: pointer;
  cursor: hand;
  border-radius: 3px;
  border: 1px solid #d9dad7;
  padding: 4px 0;
  text-align: center;
  line-height: 22px;
}
.mpg_button.active_button {
  background-color: #789440;
}
.mgp_select_box {
}
.mgp_select_box select {
  font-size: 15px;
  width: 320px;
  max-width: 320px;
  min-width: 320px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 0 24px 0 5px;

  border: 1px solid transparent;
  color: #606060;
  background: transparent;
}
.mgp_select_box select option {
  padding: 4px 8px;
  background-color: #fbfff0;
}
.mgp_select_box.dropdown {
  position: relative;
  display: block;
  overflow: hidden;
  width: 300px;
  max-width: 300px;
  border: 1px solid rgb(217, 217, 217);
  float: left;
  border-radius: 3px;
}
.mgp_select_box select::-ms-expand {
  display: none;
}
.mgp_select_box.dropdown:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 1.6em;
  padding: 0;
  position: absolute;
  right: 2px;
  top: 5px;
  z-index: 1;
  color: #333;
  pointer-events: none;
}
.mgp_select_box select:focus {
  outline: none;
}
.loans_rate_block span {
  float: left;
  margin: 0 5px;
}
.loans_rate_block {
  display: inline-block;
  background: none !important;
}

.loans_rate_na {
  color: rgba(163, 164, 165, 0.96);
  background: rgba(163, 164, 165, 0.96);
}
.loans_rate_null {
  color: #7d7d7d;
  background: #7d7d7d;
}
.loans_rate_verybed {
  color: red;
  background: red;
}
.loans_rate_bed {
  color: #ec9c34;
  background: #ec9c34;
}
.loans_rate_norm {
  color: #bbb717;
  background: #bbb717;
}
.loans_rate_good {
  color: #0ec10e;
  background: #0ec10e;
}
.loans_rate_verygood {
  color: green;
  background: green;
}
.loans_rate_color {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: block;
  margin-top: 2px !important;
}
/* нова команда в проекті від 08.12.2016 */
.mgp-team-container,
.mgp-mentor-container {
}
.mgp-team-container .mgp-team-member,
.mgp-mentor-container .mgp-mentor-member {
  padding: 8px 32px 0 32px;
  margin: 0 0 0 0;
}
.mgp-team-container .mgp-team-member.pair,
.mgp-mentor-container .mgp-mentor-member.pair {
  background-color: #e2e2e2;
  border-radius: 2px;
}
.mgp-team-container .mgp-team-field,
.mgp-mentor-container .mgp-mentor-field {
  margin: 0 0 10px 0;
  float: left;
  display: inline;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 40px;
}
.mgp-team-container .mgp-team-field span,
.mgp-mentor-container .mgp-mentor-field span {
  font-size: 0.9em;
}
.mgp-team-container .mgp-team-field.filled,
.mgp-mentor-container .mgp-mentor-field.filled {
  border-bottom: 1px solid lightgrey;
}
.mgp-team-container .mgp-team-field.invite,
.mgp-mentor-container .mgp-mentor-field.invite {
  margin-right: 0;
  width: 160px;
  font-size: 15px;
}
.mgp-team-container .mgp-team-field.serv,
.mgp-mentor-container .mgp-mentor-field.serv {
  margin-right: 0;
  width: 20px;
  float: right;
}
.mgp-team-container .delete-team-member,
.mgp-mentor-container .delete-mentor-member {
  float: right;
  display: inline;
  margin-top: 20px;
  cursor: pointer;
  cursor: hand;
}
.mgp-team-container .mgp-team-field.serv i,
.mgp-mentor-container .mgp-mentor-field.serv i {
  font-size: 20px;
}
.photo-folk-member {
  width: 38px;
  height: 38px;
  display: inline-block;
  border: 1px solid rgb(216, 216, 216);
  border-radius: 50%;
  background-image: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/nophoto.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
  float: left;
}
.mgp-team-field input,
.mgp-mentor-field input {
  width: 90%;
  padding: 0 6px;
}
.mgp-team-container .add-folk-member,
.mgp-mentor-container .add-folk-member {
  font-size: 14px;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
  color: #668000;
  margin: 6px 32px 0 32px;
  float: right;
  display: inline;
}
.mgp-team-container input[type="button"],
.mgp-mentor-container input[type="button"] {
  padding: 2px 10px;
  margin: 0;
  text-align: center;
  font-size: 13px;
  border: 1px solid #c8c8c9;
  background: #f6f8fb url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/file_btn.png") left bottom repeat-x;
  white-space: normal;
  line-height: 16px;
  cursor: pointer;
  cursor: hand;
}
.mgp-team-container .member-errors,
.mgp-mentor-container .member-errors,
.member-errors {
  font-size: 14px;
  color: red;
}
.mgp-team-container .member-errors.saved,
.mgp-mentor-container .member-errors.saved,
.mgp-lid-container .member-errors.saved,
.member-errors.saved {
  color: #668000;
}

/* лід інвестор в проекті від 28.12.2016 */
.mgp-lid-container {
  margin-top: 8px;
}
.mgp-lid-container.unnecessary {
  display: none;
}
.mgp-lid-container .mgp-lid-member {
  padding: 8px 32px 0 32px;
  margin: 0 0 0 0;
}
.mgp-lid-container .mgp-lid-member.pair {
  background-color: #e2e2e2;
  border-radius: 2px;
}
.mgp-lid-container .mgp-lid-field {
  margin: 0 0 10px 0;
  float: left;
  display: inline;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 40px;
}
.mgp-lid-container .mgp-lid-field span {
  font-size: 0.9em;
}
.mgp-lid-container .mgp-lid-field.filled {
  border-bottom: 1px solid lightgrey;
}
.mgp-lid-container .mgp-lid-field.invite {
  margin-right: 0;
  width: 160px;
  font-size: 15px;
}
.mgp-lid-container .mgp-lid-field.serv {
  margin-right: 0;
  width: 20px;
  float: right;
}
.mgp-lid-container .delete-lid-member {
  float: right;
  display: inline;
  margin-top: 20px;
  cursor: pointer;
  cursor: hand;
}
.mgp-lid-container .mgp-lid-field.serv i {
  font-size: 20px;
}
.mgp-lid-field input {
  width: 90%;
  padding: 0 6px;
}
.mgp-lid-container input[type="button"] {
  padding: 2px 10px;
  margin: 0;
  text-align: center;
  font-size: 13px;
  border: 1px solid #c8c8c9;
  background: #f6f8fb url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/file_btn.png") left bottom repeat-x;
  white-space: normal;
  line-height: 16px;
  cursor: pointer;
}
.mgp-lid-container .member-errors {
  font-size: 14px;
  color: red;
}
.mgp-lid-label-viewed {
  padding: 5px 0;
}
.mgp-lid-label-viewed-box {
  float: left;
  display: inline;
}

/* список запрошень учасників 16.12.2016 */
.members-container {
  padding: 0 0 32px 0;
}
.members-container span {
  font-size: 0.85em;
}
.members-container .members-statys-title {
  margin: 10px 32px 0 32px;
  font-size: 17px;
}
.members-container .members-item {
  font-size: 15px;
  margin: 15px 32px 0 32px;
}
.members-container .member-invite-t {
  display: table;
  width: 100%;
}
.members-container .member-invite-c {
  display: table-cell;
}
.members-container .member-invite-c.data {
  width: 75%;
}
.members-container .member-project-t {
  display: table;
  margin-right: 12px;
}
.members-container .member-project-c {
  display: table-cell;
  vertical-align: top;
}
.members-container .member-project-c.pic {
  width: 135px;
}
.members-container input[type="button"] {
  padding: 2px 10px;
  margin: 10px 0 0 0;
  border-radius: 2px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #c8c8c9;
  background: #f6f8fb url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/file_btn.png") left bottom repeat-x;
  white-space: normal;
  line-height: 17px;
  min-width: 180px;
  cursor: pointer;
  cursor: hand;
}
.members-container .membership-public {
  margin-top: 10px;
  font-size: 0.9em;
}
/* всі стилі від 320 */
.add-one-folks-member {
  float: left;
  display: inline;
  border: 1px solid #cacaca;
  background-color: #d7e3bf;
  color: #333;
  padding: 0 22px;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  cursor: hand;
}
.add-one-folks-member.adding {
  display: none;
}

/* fm- */
.folk-member-box {
  width: 100%;
  margin-bottom: 20px;
}
.folk-member-box .fm-tl1 {
  display: table;
  padding: 8px 0;
  width: 100%;
  border: 1px solid #e4e4e4;
  background-color: #ffffff;
}
.folk-member-box .fm-сl1 {
  display: table-cell;
  vertical-align: top;
}
.folk-member-box .fm-сl1.c1 {
  width: 50px;
  border-left: 8px solid transparent;
}
.folk-member-box .fm-tl2 {
  display: table;
  width: 100%;
}
.folk-member-box .fm-сl2 {
  display: table-row;
  line-height: 1.1em;
}
.folk-member-box .fm-email1 {
  color: #999;
  font-size: 14px;
  line-height: 15px;
}
.folk-member-box .fm-t2l1 {
  display: table;
  width: 100%;
  min-height: 32px;
  border: 1px solid #a8a8a8;
  border-collapse: collapse;
  box-sizing: border-box;
}
.folk-member-box .fm-c2l1 {
  display: table-cell;
  vertical-align: middle;
  background-color: #d8d8d8;
  min-height: 28px;
  height: 28px;
  font-size: 14px;
  line-height: 1.2em;
}
.folk-member-box .fm-c2l1.r {
  text-align: right;
  font-size: 13px;
}
.folk-member-box .l-intable {
  padding-left: 8px;
  display: inline-block;
  white-space: nowrap;
}
.folk-member-box .r-intable {
  padding-right: 8px;
  display: inline-block;
}
.folk-member-box .fm-box1 {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.folk-member-box .fm-t3l1 {
  display: table;
  width: 100%;
  background-color: white;
  font-size: 14px;
  border-collapse: collapse;
  box-sizing: border-box;
}
.folk-member-box .fm-r3l1 {
  display: table-row;
}
.folk-member-box .fm-c3l1 {
  display: table-cell;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  min-height: 31px;
  height: 32px;
  vertical-align: middle;
}
.folk-member-box .fm-c3l1.pers {
  width: 50%;
}
.folk-member-box .fm-c3l1.noact {
  background-color: #f2f2f2;
}
.folk-member-box .fm-c3l1.action {
  width: 32px;
  text-align: center;
  color: white;
  cursor: pointer;
  cursor: hand;
}
.folk-member-box .fm-c3l1.action.joining {
  background-color: #789440;
}
.folk-member-box .fm-c3l1.action.deleting {
  background-color: #595959;
}
.folk-member-box .fm-c3l1.action i {
  vertical-align: middle;
  display: inline;
}
.folk-member-box input.fm-role1 {
  border: 1px solid #e4e4e4;
  background-color: #f9f9fa;
  font-size: 13px;
  line-height: 28px;
  width: 180px;
  border-radius: 0;
  padding: 0 10px;
  margin-top: 6px;
}
.folk-member-box input.fm-person {
  padding: 0 8px;
  width: 100%;
  border: 1px solid transparent;
  min-height: 31px;
  height: 32px;
  font-size: 13px;
  box-sizing: border-box;
  border-radius: 0;
}

/* стилі сторінки участі в проектах */
.view-invites-box {
  margin-top: 70px;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 15px;
}
.view-invites-box .vinv-box {
  padding: 12px;
}
.view-invites-box .vinv-items {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-top: 5px;
}
.view-invites-box .vinv-item-c {
  width: 100%;
  padding: 12px 0;
}
.view-invites-box .vinv-item-c.next {
  border-top: 1px dashed #dddddd;
}
.view-invites-box .vinv-item {
  padding: 0 12px;
  line-height: 1.5em;
}
.view-invites-box .vinv-date {
  font-size: 14px;
}
.view-invites-box .vinv-invite {
  padding: 10px 0;
}
.view-invites-box .vinv-inviteaction-desc {
  padding: 0 0 8px 0;
}
.view-invites-box .vinv-image {
  float: left;
  display: inline;
  width: 160px;
  height: 90px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.view-invites-box .vinv-button {
  float: left;
  display: inline;
  line-height: 31px;
  height: 32px;
  border: 1px solid #d8d8d8;
  background-color: #f2f2f2;
  margin: 0 0 8px 8px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
  font-size: 13px;
  width: 95px;
}
.view-invites-box .vinv-button.cur-sel:before {
  font-family: "Material Icons";
  content: "\E5CA";
  font-size: 1em;
  vertical-align: middle;
}
.view-invites-box .vinv-button.act-approved {
  color: #688000;
}
.view-invites-box .vinv-button.act-denied {
  background-color: white;
  color: #ea700d;
}
.view-invites-box .vinv-addpov-desc {
  font-size: 12px;
  padding: 8px 0;
  margin: 0 0 0 8px;
  float: left;
  display: inline;
}
.view-invites-box {
}

/* об'єкти за якими слідкує користувач */
.watch-box {
  padding: 0;
  margin: 30px auto 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
}
.watch-box .watch-header-place {
  width: 100%;
  height: 48px;
}
.watch-box .watch-header {
  width: 100%;
  padding: 0 18px;
  box-sizing: border-box;
  background-color: #ebf1df;
  height: 48px;
  line-height: 48px;
  font-size: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
}

/*
.watch-box .watch-sort {
  width:100%;
  height:48px;
  background-color:#EBF1DF;
  display:table;

  border-bottom: 1px solid #ddd;
}
.watch-sort .cell {
  display:table-cell;
  vertical-align:middle;
}
.watch-box .title-box {
  border-left:18px solid transparent;
  font-size: 1.2em;
}
.watch-box .sort-box {
  border-right:18px solid transparent;
  text-align:right;
  font-size: 14px;
}
.watch-box .sort-box select {
  padding:3px 6px;
}
*/
.watch-box .filter-button {
  width: 36px;
  height: 36px;
  color: white;
  text-align: center;
  background-color: #668000;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  right: 48%;
  cursor: pointer;
}
.watch-box .filter-button i {
  line-height: 37px;
}
.watch-box .filter-button i.toclose {
  display: none;
}
.watch-box .filter-box {
  width: 80%;
  height: 45px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/opacity_7.png") left top repeat;
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  font-size: 14px;
  padding: 12px 12px 18px 12px;
  min-height: 45px;
  box-sizing: border-box;
  overflow: hidden;
}
.filter-box .filter-item {
  float: left;
  margin: 12px 0 0 0;
}
.filter-box .filter-item.left {
  margin-right: 24px;
}
.filter-box .filter-item span {
  width: 115px;
  display: inline-block;
}
.filter-box select {
  display: inline-block;
  padding: 4px 8px;
  width: 200px;
}

.watch-box .watch-items {
  width: 100%;
  max-height: 375px;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: white;
}
.watch-items a.watch-item {
  text-decoration: none;
  width: 100%;
  color: #333;
  display: inline-block;
  margin: 0;
  box-sizing: border-box;
  padding: 6px 48px 9px 30px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.watch-items a.watch-item .unwatch {
  position: absolute;
  top: 22%;
  right: 20px;
  color: #ea700d;
}
.watch-items a.watch-item:hover .name {
  color: #585e42;
}
.watch-items .name {
  color: #789440;
  margin: 4px 0;
}
.watch-items .type .date1,
.watch-items .price .date2 {
  color: #333;
  font-size: 11px;
  float: right;
}
.watch-items .type {
  font-size: 0.9em;
  margin: 3px 0 0 0;
  color: #333;
  line-height: 1.1em;
}
.watch-items .desc {
  font-size: 0.9em;
  margin: 5px 0 0 0;
  color: #a5aab3;
  line-height: 1.1em;
}
.delete-profice-box {
  width: 100%;
  text-align: center;
  margin: 50px 0 100px 0;
}
.delete-profice-box a {
  font-size: 14px;
  text-decoration: none;
  color: #333;
}
.delete-profice-box a:link {
  color: #333;
}

.pass-change-input,
.pass-change-save,
.pass-change-error {
  font-size: 13px;
  line-height: 22px;
  display: none;
  width: 100%;
  clear: both;
}
.pass-change-input {
  color: blue;
}
.pass-change-save {
  color: green;
}
.pass-change-error {
  color: red;
}

.up_e_tc.vis textarea.wide {
  border: 1px solid rgb(217, 217, 217);
  width: 95%;
  padding: 4px 6px 0 6px;
  box-sizing: border-box;
  font-size: 15px;
  height: 120px;
  line-height: 20px;
  background-color: white;
  text-align: left;
  font-weight: 300;
  resize: none;
}

.input-file-box {
  width: 100%;
  margin-top: 10px;
}
.input-file-box .error {
  color: red;
  font-size: 0.9em;
  line-height: 1.2em;
  width: 100%;
  display: none;
  margin-top: 4px;
}

.user-photo-box {
  display: none;
}

.button-box {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.button-box.r {
  float: right;
}
.button-box .tooltip {
  visibility: hidden;
  color: #333;
  padding: 6px 16px;
  position: absolute;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #adadad;
  bottom: 115%;
  top: auto;
  right: 0;
  text-align: left;
  width: 168px;
  z-index: 900;
  box-shadow: 0 0 3px #ccc;
}
.button-box .tooltip::after {
  content: " ";
  position: absolute;
  top: 100%;
  right: 13px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #999 transparent transparent transparent;
}
.button-box:hover .tooltip {
  visibility: visible;
}

.manualBox {
  border: 1px solid #dcdcdd;
  margin: 30px auto;
  padding: 0;
  width: 670px;
  box-sizing: border-box;
}
.manualBox .manualTitle {
  width: 100%;
  box-sizing: border-box;
  background-color: #ebf1df;
  min-height: 36px;
  padding: 6px 30px 6px 10px;
  display: flex;
  align-items: center;
  line-height: 1.3;
  position: relative;
  cursor: pointer;
}
.manualBox .manualTitle::after {
  font-family: "Material Icons";
  content: "\e5cf";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #777;
  background-color: #ebf1df;
  transition: background-color 0.3s linear;
}
.manualBox .manualTitle.opened::after {
  content: "\e5ce";
}
.manualBox .manualTitle.action::after {
  background-color: #cccccc;
}
.manualBox .manualDescription {
  background-color: #f9f9fa;
  width: 100%;
  height: auto;
  max-height: 0;
  transition: max-height 0.5s linear 0s;
  overflow: hidden;
}
.manualBox .manualDescription.opened {
  max-height: 400px;
}
.manualBox .manualDescriptionBox {
  padding: 16px 32px;
  width: 100%;
  box-sizing: border-box;
}

/* adaptation */
@media screen and (max-width: 1250px) {
  .up_v_c .up_v_rp {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .up_v_c .up_v_lp {
    left: 0;
  }
}

@media screen and (max-width: 992px) {
  .mg_projects .button-box2 {
    display: flex;
    justify-content: center;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .button-box2 .save-btn {
    display: block;
    margin: 24px auto 0 !important;
  }
  .button-box2 .save-btn.than,
  .button-box2 .save-btn.moder {
    margin: 24px auto 0;
  }
  .button-box2 .button-cell.graf {
    margin-right: 15px;
  }
  .button-box2 .button-cell {
    width: auto;
    display: block;
  }
}

@media screen and (max-width: 950px) {
  .up_e_c {
    width: 100%;
  }
  .big_photo_c {
    width: 100%;
    height: 330px;
  }
  .up_e_te {
    padding: 0 20px;
  }
  .yt_c input {
    width: 90%;
    margin-left: 0;
  }
}
@media screen and (max-width: 890px) {
  .button-box2 .save-btn {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 880px) {
  .up_v_c,
  .up_v_c2,
  .watch-box {
    width: 100%;
  }
  .up_v_t .btn.edit {
    position: absolute;
    right: 20px;
    top: 5px;
    background: transparent;
    padding: 0;
    border: none;
  }
  .up_v_t .btn.edit .name {
    display: none;
  }
  .up_v_t .btn.edit .material-icons {
    padding: 0;
  }
  .apoj_wellcom,
  .ep_head {
    margin-top: 30px;
  }
  .t_p .u_name {
    padding-top: 8px;
    font-size: 1.2em;
  }
  .t_p .u_sname {
    font-size: 1.5em;
    padding-top: 8px;
  }
  .t_p .u_role {
    padding-top: 8px;
    font-size: 0.9em;
  }
  .t_p .u_loc {
    padding-top: 8px;
    font-size: 0.8em;
  }
  .t_p .u_phone,
  .t_p .u_email {
    padding-top: 8px;
    font-weight: 400;
  }
  .ep_body .ep_oneprj {
    padding: 10px;
  }
  /* services table */
  .srv_head .srv_h_t_c.title {
    width: auto;
  }
  .srv_head .srv_h_t_c.serv,
  .srv_service_t .srv_service_t_c.serv {
    width: 120px;
  }
  .srv_service_t .srv_service_t_c.title {
    width: auto;
  }
  .srv_service_t .srv_service_t_c.reward {
    width: 80px;
  }
}

@media screen and (max-width: 810px) {
  .interest_body .interest_box {
    border-right-width: 5px;
    border-left-width: 5px;
  }
}

@media screen and (max-width: 790px) {
  .interest_box .counters {
    display: inline;
    float: left;
  }
  .interest_box .about {
    display: inline;
    float: left;
    margin-bottom: 16px;
  }
  .interest_box .projects {
    display: block;
    height: 350px;
  }

  #popupRules {
    top: 10%;
    bottom: 10%;
    left: 8%;
    width: 75%;
    padding: 25px 15px 90px 15px;
  }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 767px) {
  .button-box2 .save-btn {
    height: 45px;
    line-height: 44px;
    margin: 20px 5px 10px 5px;
    padding: 0 12px;
  }
  .button-box2 .save-btn.back {
    margin-right: 10px;
  }
  .button-box2 .save-btn.than,
  .button-box2 .save-btn.moder {
    margin-left: 10px;
  }
  .button-box2 .save-btn .full-name {
    display: none;
  }
  .button-box2 .save-btn.empty {
    min-width: 40px;
  }

  .save-btn.back.program {
    float: left;
    margin-left: 20px;
  }
  .button-box2 .save-btn.moderprog {
    float: right;
    margin-left: 0;
    margin-right: 20px;
  }

  .viewproject .specpada_c {
    display: inline-block;
    width: 100%;
  }
  .viewproject .specpada {
    padding: 0 0 18px 0px;
  }
  .specpada .statys_box {
    float: left;
  }
  .viewproject .maindata {
    display: inline;
    float: left;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 680px) {
  .aprg_c .aint_m {
    width: auto;
  }
}
@media screen and (max-width: 660px) {
  #addproject_step2,
  .pp_c,
  .mg_projects,
  .manualBox,
  .aprg_c .aprg_m {
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  .profile_wrapper {
    width: auto;
  }
  .up_v_c .up_v_t {
    width: 100%;
  }
  .up_v_c .up_v_tc.vis span {
    margin: auto 22px;
    font-size: 14px;
    display: inline-block;
  }
  .up_v_t .v_c_ha {
    display: none;
  }
  .up_e_c_t.save .up_e_tc {
    display: table-cell;
  }
  .up_e_c_t .up_e_tc.txt {
    width: auto;
    text-align: center;
  }
  .up_e_te {
    margin: 30px auto;
    width: 256px;
  }
  #UserPopup {
    width: 100%;
  }
  .up_v_c .up_v_lp {
    border-right: 1px solid #d8d8d8;
  }
  .apoj_w_t .apoj_w_tc {
    display: table-row;
  }
  .service_wellcome {
    text-align: center;
  }
  .service_wellcome .sel_serv,
  .interest_wellcome .input_box.dropdown {
    display: inline-block;
  }
  .apoj_w_inp {
    border-top: 1px solid #dadada;
    text-align: center;
  }
  .apoj_w_inp .btn {
    margin: 20px auto 0 auto;
  }
  .viewproject .maindata {
  }
  .viewproject {
    margin: 0 auto;
  }

  /* services table */
  .srv_head .srv_h_t_c.serv,
  .srv_service_t .srv_service_t_c.serv {
    width: 80px;
  }
  .srv_about_с img {
    margin: 5px 0;
    padding: 0;
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
  }
  .srv_about_с iframe,
  .mpg_mainvideo iframe,
  .mgp_vid_box iframe {
    margin: 5px 0;
    padding: 0;
    display: block;
    max-width: 100%;
    width: 100%;
  }

  .photo_c .countersdata {
    display: block;
    float: left;
  }
  .viewproject .specpada {
    padding: 0;
  }
  .folk_c .view .view_text {
    width: auto;
    margin-top: 12px;
  }

  .error_input_desc2 {
    width: 270px;
    margin: 10px auto 0 auto;
  }
  .aint_m .form_fields {
    display: block;
  }
  .aint_m .form_fields .col1,
  .aint_m .form_fields .col2 {
    display: inline-block;
    float: left;
    width: 100%;
    border: none;
  }
  .aint_m .project_multiselect_c.aitn,
  .aint_m .input_box.aitn,
  .geo_c {
    float: none;
    display: block;
  }
  .pp_c_b {
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
  }
  .error_desc_move {
    width: 100%;
  }

  .up_v_t .up_v_tc.txt {
    width: auto;
    position: relative;
  }
  .user-photo-box {
    width: 100%;
    position: relative;
    display: block;
  }
}
@media screen and (max-width: 630px) {
  .mg_projects .save_btn.back,
  .mg_projects .save_btn.help {
    margin-right: 10px;
  }
  .mg_projects .save_btn i {
    font-size: 18px;
  }
  .mg_projects .save_btn .short-name {
    display: inline;
  }
  .mg_projects .save_btn .full-name {
    display: none;
  }
}
@media screen and (max-width: 570px) {
  .folk_c .name {
    min-width: inherit;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 550px) {
  .aprg_m .col1,
  .aprg_m .col2 {
    display: inline-block;
    float: left;
    width: 100%;
  }

  .watch-box .watch-tabs {
    height: 62px;
    line-height: 60px;
  }
  .watch-tabs .tab.first {
    line-height: 30px;
  }
  .watch-tabs select {
    display: block;
    padding: 2px 0;
  }
  .watch-box .sort-box select {
    display: block;
    margin: 0 0 0 auto;
    padding: 2px 0;
  }
  .button-box2 .button-cell {
    width: auto;
  }
}

@media screen and (max-width: 500px) {
  /* services table */
  .srv_service_t_c .title {
    font-weight: 700;
  }
  .srv_head .srv_h_t_c.serv,
  .srv_service_t .srv_service_t_c.reward,
  .srv_service_t .srv_service_t_c.serv {
    display: none;
  }
  .srv_body .srv_service_t_det {
    display: table;
    width: 100%;
    background-color: #fdfff7;
    height: 48px;
  }
  .srv_body .srv_service_t_det.second {
    background-color: #f9f9fa;
  }
  .srv_service_t_det .srv_service_t_det_c {
    display: table-cell;
    vertical-align: middle;
  }
  .srv_service_t_det .srv_service_t_det_c.left {
    width: 18px;
  }
  .srv_service_t_det .srv_service_t_det_c.name {
    text-align: left;
    width: 85px;
    font-size: 0.9em;
    line-height: 1em;
  }
  .srv_service_t_det .srv_service_t_det_c.count {
    text-align: center;
    width: 48px;
    font-size: 1.2em;
  }
  .srv_service_t .srv_service_t_c.title {
    border-bottom: 1px solid #f2f2f2;
  }
  .mg_projects input.p_link {
    width: 96%;
    padding: 0 2%;
  }
  .add_service_sup textarea {
    width: 94%;
  }

  .watch-box .watch-tabs {
  }
  .watch-box .watch-tabs .tab {
    margin-right: 6px;
    padding: 0 6px;
    font-size: 15px;
    line-height: 60px;
  }
  .watch-tabs .tab.first {
    margin-left: 6px;
    line-height: 30px;
  }
  .sort-box span {
    display: none;
  }
}

@media screen and (max-width: 465px) {
  .filter-box .filter-item span {
    width: auto;
    display: block;
  }
}

@media screen and (max-width: 425px) {
  .geo_c .geomarkets_list,
  .multiselect_c .checkbox_list,
  .geos_c .geomarkets_list {
    height: 280px;
  }
  .geo_c .geomarkets_box.btm {
    top: 302px;
  }
  .mg_projects input.p_link {
    margin-right: 10px;
    width: 84%;
  }
  .link_delete_btn {
    margin-right: 0;
  }

  .mg_projects input.p-link {
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 420px) {
  .viewproject .countersdata {
    display: inline;
    float: left;
  }

  .inv_int_pr_tab,
  .psevdoselect_container ul {
    white-space: normal;
    text-align: left;
  }
  .psevdoselect_container {
    width: 100%;
    max-width: 100%;
  }
  .mg_projects .col1 {
    margin-top: 10px;
  }
  .mg_projects .col1,
  .mg_projects .col2 {
    display: block;
    border-top: none;
  }
  .button-box2 .rating-title .rating-title-cell.l,
  .button-box2 .rating-title .rating-title-cell.r {
    display: none;
  }
  .watch-items .type .date1 span,
  .watch-items .price .date2 span {
    display: none;
  }

  #popupRules {
    top: 3%;
    bottom: 3%;
    left: 2%;
    width: 86%;
  }
}

@media screen and (max-width: 400px) {
  .files_s_c input.p_link,
  .files_c input.p_link {
    width: auto;
  }
  .mg_projects .save_btn {
    padding: 0 10px;
  }
}

@media screen and (max-width: 380px) {
  /*.viewproject,
  .interest_box
  {
      text-align:center;
  }*/

  .about_marketing form > div {
    padding-top: 25px;
  }
  .prg .countersdata,
  .interest_box .counters {
    width: 100%;
    text-align: center;
  }
  .viewproject .mgp_counter_box,
  .interest_box .views {
    float: none;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
  }
  .viewproject .maindata,
  .interest_box .about {
    float: none;
    display: inline-block;
  }
  .mg_projects .save_btn {
    height: 36px;
    line-height: 34px;
    font-size: 15px;
  }
  .mg_projects .save_btn .tooltiptext,
  .mg_projects .save_btn .tooltip-help-text {
    bottom: 42px;
  }
  .interest_box .views {
    margin-bottom: 10px;
  }

  .up_v_c .up_v_tc.vis span {
    margin: auto 10px;
    font-size: 13px;
    line-height: 1.3em;
  }
}

@media screen and (max-width: 365px) {
  .interest_box .about {
    width: auto;
  }

  .apoj_w_inp input {
    width: 255px;
  }
  .apoj_w_inp .btn {
    width: 275px;
  }
  .service_wellcome .sel_serv {
    width: 255px;
  }
  .service_wellcome .services_list,
  .pp_prog_c2 .service_wellcome .services_list {
    width: 275px;
  }
  .interest_wellcome .input_box.dropdown,
  .pp_prog_c2 .service_wellcome .sel_serv,
  .pp_prog_c2 input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 32px;
    height: 32px;
    margin-top: 20px;
    font-size: 1em;
  }
  .apoj_w_title {
    padding-top: 32px;
    padding-bottom: 0;
    font-size: 12pt;
  }
  .apoj_w_title dl {
    margin: 10px 0;
  }
  .apoj_w_title dd {
    font-size: 11pt;
    line-height: 16px;
  }
  .pp_prog_c2 .name_desc {
    padding: 10px;
    font-size: 11pt;
  }
  .interest_wellcome select {
    width: 283px;
    min-width: 283px;
    max-width: 283px;
    line-height: 32px;
    padding: 0 20px 0 0;
  }
  .interest_wellcome select option {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
  }
  .aint_m .input_box.aitn select {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .interest_wellcome select option,
  .aint_m .input_box.aitn select option {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 253px;
  }
  #WellcomAdding {
    width: 300px;
  }
  #WellcomAdding .popup_button_blue2,
  #WellcomAdding .popup_button_orange,
  #WellcomAdding .popup_button_green,
  #WellcomAdding .popup_button_blue {
    width: 259px;
    line-height: 32px;
    height: 32px;
    font-size: 11pt;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 340px) {
  .help_fill_field .tooltip {
    padding: 6px 8px;
    left: -79px;
    width: 154px;
  }
  .help_fill_field .tooltip::after {
    left: 86px;
  }
  .apoj_w_inp {
    padding: 20px 5px;
  }
  .mg_projects .save_btn {
    padding: 0 5px;
  }
  .mg_projects .save_btn .tooltip-help-text::after {
    left: 10%;
  }

  .watch-box .watch-tabs .tab {
    margin-right: 2px;
    padding: 0 3px;
    font-size: 13px;
  }
  .watch-tabs .tab.first {
    margin-left: 1px;
  }
  .mg_projects .button-box2 {
    padding: 0 10px;
  }
}

@media screen and (min-width: 350px) {
  .view-invites-box .vinv-button {
    width: 128px;
    font-size: 15px;
  }
}
@media screen and (min-width: 380px) {
  .view-invites-box .vinv-button {
    width: 150px;
  }
}
@media screen and (min-width: 621px) {
  .mg_projects .field-container {
    padding: 0 32px;
  }
  .folk-member-box .fm-сl2 {
    display: table-cell;
    border-right: 10px solid transparent;
    vertical-align: middle;
  }
  .folk-member-box .fm-box1 {
    display: table;
    border-collapse: collapse;
  }
  .folk-member-box .fm-t3l1 {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
  .folk-member-box .fm-r3l1 {
    display: table;
    width: 100%;
  }
}
@media screen and (min-width: 700px) {
  .view-invites-box .vinv-addpov-desc {
    margin: 0 0 0 168px;
    float: none;
    display: block;
  }
}
@media screen and (min-width: 880px) {
  .view-invites-box {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
  }
  .watch-box {
    width: 880px;
  }
}
@media screen and (max-width: 1024px) {
  .info_box_l1 .info_box_l2 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.form_fields_c .overloadServer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.5;
  cursor: wait;
  z-index: 890;
  display: none;
}

.wa-wrapper.filled {
  margin: 0;
}
.wa-wrapper.first {
  padding-top: 60px;
}

.sections-block {
  border: 1px solid transparent;
  border-radius: 3px;
}
.errorBox,
body .wa-wrapper .errorBox {
  border-color: red;
}

.langDataHandlers {
  width: 100%;
  margin: 0;
  padding: 0;
}
.langDataHandlers::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.langDataHandlers .langData {
  display: flex;
  align-items: end;
  margin: 0 0 12px 0;
  padding: 0;
  width: 100%;
}
.langDataHandlers .langDatas {
  font-size: 17px;
  padding: 0 0 0 29px;
  position: relative;
  color: #a7a7a7;
  margin: 0 18px 0 0;
  cursor: pointer;
}
.langDataHandlers .langDatas.isSample {
  margin-right: 5px;
}
.langDataHandlers .langDatas.selected {
  color: #688236;
  cursor: auto;
}
.langDataHandlers .langDatas.selected::before {
  color: white;
  border-color: #688236;
  background-color: #688236;
  content: "\e876";
  font-size: 16px;
  line-height: 17px;
  text-align: center;
}
.langDataHandlers .langDatas::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #cecece;
  color: #cecece;
  border-radius: 4px;
  font-family: "Material Icons";
  content: " ";
  box-sizing: content-box;
}
.langDataHandlers .deleteLangData {
  width: 20px;
  height: 25px;
  margin: 0 18px 0 0;
  cursor: pointer;
  position: relative;
}
.langDataHandlers .deleteLangData::before {
  font-family: "Material Icons";
  content: "\E92B";
  font-size: 25px;
  margin: 0 15px 0 0;
  color: #c44a4a;
  position: absolute;
  top: 0;
  left: -2px;
}
.langDataHandlers .deleteLangData .tooltip {
  visibility: hidden;
  background-color: white;
  color: #333;
  padding: 6px 8px;
  box-sizing: border-box;
  border: 1px solid #c44a4a;
  border-radius: 3px;
  position: absolute;
  z-index: 1;

  width: 160px;
  bottom: 115%;
  left: 50%;
  margin-left: -80px;

  text-align: center;
  font-size: 13px;
  line-height: 1.3;
}
.langDataHandlers .deleteLangData .tooltip::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #c44a4a transparent transparent transparent;
}
.langDataHandlers .deleteLangData:hover .tooltip {
  visibility: visible;
}
@media screen and (max-width: 510px) {
  .langDataHandlers {
    flex-wrap: wrap;
  }
  .mg_projects .input_box.dropdown {
    width: 200px;
  }
}

.langInformer {
  height: 29px;
  line-height: 29px;
  background-color: #688236;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: white;
  font-weight: 300;
}
.langInformer.float {
  position: fixed;
  top: 0;
  left: 0;
}

#SuccessPopup {
  position: fixed !important;
}

.cartServicesBox {
  width: 100%;
  display: flex;
  margin: 30px auto 50px auto;
  align-items: center;
}
.cartServicesBox .langSelectLabel {
  font-size: 16px;
  margin-left: 18px;
}
.cartServicesBox .langSelectBox {
  margin-left: 12px;
  position: relative;
  overflow: hidden;
  width: 110px;
  border: 1px solid #919191;
  box-sizing: border-box;
  border-radius: 4px;
}
.cartServicesBox .langSelectBox:after {
  font-family: "Material Icons";
  content: "\E5C5";
  font-size: 24px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 4px;
  z-index: 1;
  pointer-events: none;
}
.cartServicesBox .langSelectBox:after {
  /*content: "\e5c7";*/
}
.cartServicesBox .langSelectBox select {
  font-size: 15px;
  width: 130px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  padding: 7px 20px 7px 10px;
  line-height: 17px;
  border: 1px solid transparent;
  background-color: white;
  color: #474747;
  font-size: 14px;
}
.cartServicesBox .langSelectBox select:focus {
  outline: none;
}
@media screen and (min-width: 670px) {
  .cartServicesBox {
    width: 670px;
  }
}

.popup-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
}

.goalList__star,
.goalList__unpublic,
.goalList__goaldelete {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 3px;
  cursor: pointer;
  position: relative;
}
.goalList__tooltip {
  position: fixed;
  padding: 8px 18px;
  box-sizing: border-box;
  background-color: #ea700d;
  border-radius: 3px;
  color: white;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.goalList__tooltip.alarmed {
  background-color: #ff0000;
}

.goalList__star::after {
  font-family: "Material Icons";
  content: "\e83a";
  font-size: 21px;
  line-height: 20px;
  pointer-events: none;
  color: #dbdbdb;
}
.goalList__unpublic::after {
  font-family: "Material Icons";
  content: "\e042";
  font-size: 21px;
  line-height: 20px;
  pointer-events: none;
  color: #dbdbdb;
}
.goalList__unpublic:hover::after {
  color: #474747;
}
.goalList__goaldelete::after {
  font-family: "Material Icons";
  content: "\e872";
  font-size: 21px;
  line-height: 20px;
  pointer-events: none;
  color: #dbdbdb;
}
.goalList__goaldelete:hover::after {
  color: #c44a4a;
}

#SuccessPopup .popup__notityText {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
  margin: 20px 40px 0 20px;
  color: #000000;
}
#SuccessPopup .popup-window-button.popup__action,
#SuccessPopup .popup-window-button.popup__close {
  border-radius: 8px;
  padding: 14px 45px;
  margin: 10px 10px 0 10px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 17px;
  text-align: center;
  height: auto;
  min-width: 240px;
  box-sizing: border-box;
}
#SuccessPopup .popup-window-button.popup__action {
  background: #688236;
  color: white;
}
#SuccessPopup .popup-window-button.popup__close {
  background: #c44a4a;
  color: white;
}
.waiting #SuccessPopup .popup-window-button {
  cursor: unset;
}

.controlGoal {
  padding: 16px 32px;
}
.controlGoal__line {
  margin: 10px 0 0 0;
}

label.photo_c {
  vertical-align: middle;
  display: block;
}
label.photo_c input {
  opacity: 0;
  width: 50px;
  height: 5px;
}
label.photo_c.image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.errorInput::before {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.errorInput {
  margin: 3px 0 6px;
  color: red;
  font-size: 13px;
  line-height: 16px;
  width: 100%;
}
.buttonPlace {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.unlessBackurl {
  color: #668000;
  margin-top: 10px;
  font-size: 0.85em;
  line-height: 1.3em;
}
@media screen and (min-width: 996px) {
  .unlessBackurl {
    width: 320px;
  }
}
@media screen and (min-width: 1441px) {
  .unlessBackurl {
    width: 760px;
  }
}

.fileAddBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fileAddBox_button {
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #c8c8c9;
  border-radius: 3px;
  background: url("/local/templates/.default/components/bitrix/main.profile/visiting_card2/images/file_btn.png") left center repeat-x;
  width: 160px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  cursor: hand;
  margin: 0;
  float: left;
}
.fileAddBox_fileName {
  font-size: 11pt;
  line-height: 1.2em;
  vertical-align: bottom;
  word-break: break-word;
  margin: 0 0 0 20px;
}
.fileAddBox_fileName.error {
  color: red;
}

.waitButton {
  text-align: center;
  display: none;
  float: right;
  margin: 0 0 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  border-radius: 3px;
  background-color: #bfbfbf;
}
.waitButton::after {
  font-family: "Material Icons";
  content: "cached";
  font-size: 15pt;
  color: #636e72;
}

@media screen and (max-width: 740px) {
  .errorBoxProfileData.open {
    display: none;
  }
}

/* End */
/* /local/templates/.default/components/bitrix/main.profile/visiting_card2/style.css?1766498009164721 */