.hide
 {
  display: none !important;
 }

a, button, label
 {
  text-decoration: none;

  cursor: pointer;

  user-select: none;
 }

/* Служебный стиль, чтобы не было "выпадания" при использовании float'а
   у блока с картинкой.

   Не трогать и не менять, если не понимаете, что именно делаете.
*/
 .clear
  {
   clear: both;
  }

/* Стили для редактора.
*/
 .trumbowyg-button-pane
  {
   z-index: 9 !important;
  }

 .trumbowyg-editor ul,
 .trumbowyg-editor ol
  {
   margin-left: 20px;
  }

 .trumbowyg-editor ul li
  {
   list-style-type: disc;
  }


div.clients
 {
  display: none;
 }

.bx-breadcrumb
 {
  padding-left: 0px;
 }


.main
 {
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;

  max-width: 1180px;

  font-family: Rubik;
  font-weight: 400;
  font-size: 16px;
  color: #1b1d1e;
 }

.main_caption
 {
  display: inline-block;

  margin-left: -2px;
  vertical-align: middle;

  line-height: 62px;

  font-family: Rubik;
  font-weight: 500;
  font-size: 36px;
 }

.add_button
 {
  float: right;

  display: inline-block;


  padding: 20px 36px;

  border-radius: 4px;

  background: #ffffff;

  line-height: 22px;
  text-align: center;

  font-family: Rubik;
  font-size: 16px;
 }

.add_button:hover
 {
  background: -webkit-linear-gradient(338.85deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
  background: -o-linear-gradient(338.85deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
  background: linear-gradient(111.15deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;

  color: #ffffff;
 }

.jobs_wrap
 {
  margin-top: 40px;
 }

.job
 {
  position: relative;

  margin-bottom: 20px;

  padding: 40px;

  border-radius: 12px;

  background: #ffffff;
 }

.job_private
 {
  background-color: #c9c9c9;
 }


/* ---
*/
 .pickup
  {
   position: absolute;
   top: 0px;
   left: -30px;

   height: 100%;

   text-align: center;

   font-weight: bold;
  }

 .pickup div
  {
   padding: 5px;
   padding-bottom: 10px;

   cursor: pointer;

   font-size: 24px;
   color: #000000;
  }

 .pickup div:hover
  {
   background-color: #0174ff;

   color: #ffffff;
  }

 .job:nth-child(2) .up_arrow
  {
   display: none;
  }

 .job:last-child .down_arrow
  {
   display: none;
  }


 @media screen and (max-width: 990px)
  {
   .pickup
    {
     top: 14px;
     left: 4px;
    }
  }

 @media screen and (max-width: 440px)
  {
   .pickup
    {
     top: 14px;
     left: 0px;
    }
  }
/* ---
*/


.tag_wrap
 {
  margin-bottom: 16px;
 }

.tag
 {
  display: inline-block;

  margin-right: 8px;
  vertical-align: top;

  padding: 4px 8px;

  border-radius: 4px;

  background: #efefef;

  line-height: 19px;

  font-size: 14px;

  user-select: none;
 }

.job_caption
 {
  margin-bottom: 16px;

  line-height: 34px;

  font-size: 28px;
  font-weight: 500;
 }

.salary_wrap
 {
  margin-bottom: 24px;
 }

.salary
 {
  display: inline-block;

  margin-right: 8px;

  line-height: 29px;

  font-size: 24px;
 }

.salary_data
 {
  display: inline-block;

  line-height: 12px;

  font-size: 16px;
  color: #1b1d1e80;
 }

.short_text
 {
  margin-bottom: 16px;

  line-height: 23px;

  font-size: 16px;
 }

.work_wrap
 {
  margin-bottom: 24px;

  color: #1b1d1e80;
 }

.work_wrap > div
 {
  display: inline-block;

  margin-right: 24px;
  margin-bottom: 4px;
 }

.show_button
 {
  display: inline-block;

  margin-right: 8px;
  margin-bottom: 8px;

  width: 160px;
  padding: 20px 36px;

  border-radius: 4px;

  background: #0074ff;

  line-height: 16px;

  font-size: 16px;
  color: #ffffff;
 }

.show_button:hover
 {
  background: -webkit-linear-gradient(338.85deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
  background: -o-linear-gradient(338.85deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
  background: linear-gradient(111.15deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
 }

.show_button_red
 {
  background: #c30b0b;
 }

.show_button_red:hover
 {
  background: -webkit-linear-gradient(338.85deg, #e70b0b 10.15%, #6b0707 119.02%), #9e0b0b;
  background: -o-linear-gradient(338.85deg, #e70b0b 10.15%, #6b0707 119.02%), #9e0b0b;
  background: linear-gradient(111.15deg, #c30b0b 10.15%, #6b0707 119.02%), #9e0b0b;
 }



.edit_form
 {
  display: block;

  margin-bottom: 40px;

  padding: 32px;
  border-radius: 4px;

  background: #ffffff;
 }

.caption_field
 {
  box-sizing: border-box;

  display: inline-block;

  margin: 3px;
  margin-bottom: 20px;
  vertical-align: top;
 }

.caption
 {
  margin-top: 5px;
  margin-bottom: 5px;

  font-size: 14px;

  user-select: none;
 }

.select_field
 {
  max-width: 250px;
 }

.select .select-title,
.select .select-options
 {
  border: solid 1px #e2e2e2;

  user-select: none;
 }

.select .select-options-inside
 {
  margin-top: 3px;
  margin-bottom: -8px;
 }

.select .select-options__value
 {
  border-bottom: solid 1px #e2e2e2;

  user-select: none;
 }

.select .select-options__value:hover
 {
  background-color: #eeeeee;
 }

input[type="text"],
input[type="number"],
textarea
 {
  padding: 13px 15px;
  border: solid 1px #e2e2e2;

  border-radius: 3px;

  background: #ffffff;

  box-shadow: 0px 2px 10px rgb(0 0 0 / 5%);

  font-size: 14px;
 }

textarea
 {
  padding: 15px;
 }

.db
 {
  display: block;
 }

.db input[type="text"],
.db textarea
 {
  box-sizing: border-box;

  width: 100%;
 }

.db textarea
 {
  min-height: 300px;
 }

.cf_select
 {
  width: 200px;
 }


.cf_title input
 {
  width: 270px;
 }

.cf_link
 {
  margin-right: 0px;
 }

.cf_link input
 {
  width: 410px;
 }

.cf_short_input input
 {
  width: 102px;
 }

.cf_short_input span
 {
  display: inline-block;

  margin-right: 5px;
  margin-left: 5px;
 }

.cf_salary_time
 {
  width: 145px;
 }

.cf_work_type
 {
  width: 145px;
 }

.cf_work_hours input
 {
  width: 100px;
 }

.cf_work_place
 {
  margin-right: 0px;
 }


.br_1440,
.br_720,
.br_510
 {
  display: none;
 }


/* Media Queries.
*/
@media screen and (max-width: 1280px)
 {
  .add_button
   {
    margin-right: 0px;
   }
 }

@media screen and (max-width: 1200px)
 {
  .main
   {
    max-width: unset;
    padding: 0px 90px;
   }

  .cf_link input
   {
    width: 200px;
   }

  .cf_work_place
   {
    width: 270px;
   }
 }

@media screen and (max-width: 1140px)
 {
  .br_1440
   {
    display: unset;
   }

  .cf_link
   {
    margin-right: 3px;
   }

  .cf_salary_time
   {
    width: 200px;
   }

  .cf_work_type
   {
    width: 130px;
   }

  .cf_work_hours input
   {
    width: 130px;
   }

  .cf_work_place
   {
    width: 200px;
   }
 }

@media screen and (max-width: 990px)
 {
  .main
   {
    padding: 0px 20px;
   }
 }

@media screen and (max-width: 790px)
 {
  .br_1440
   {
    display: none;
   }

  .cf_title input
   {
    width: 200px;
   }

  .cf_work_type
   {
    width: 200px;
   }

  .cf_work_place
   {
    width: 200px;
   }

  .cf_work_hours input
   {
    width: 200px;
   }

  .caption_field.cf_short_input input[type=text]
   {
    width: 172px;
   }
 }

@media screen and (max-width: 720px)
 {
  .br_720
   {
    display: unset;
   }
 }

@media screen and (max-width: 640px)
 {
  .main_caption
   {
    display: block;
   }

  .add_button
   {
    float: unset;
   }

  .show_button
   {
    width: 140px;

    padding: 10px 26px;
   }
 }

@media screen and (max-width: 510px)
 {
  .caption_field,
  .caption_field.cf_select
   {
    display: block;

    margin-right: 0px;

    width: auto;
   }

  .caption_field input[type=text]
   {
    width: 100%;
   }

  .caption_field.cf_short_input input[type=text]
   {
    margin-bottom: 10px;

    width: calc(100% - 34px);
   }

  .br_510
   {
    display: unset;
   }

  .cf_short_input span
   {
    margin-left: 0px;
    margin-right: 10px;
   }
 }

@media screen and (max-width: 440px)
 {
  .main_caption
   {
    font-size: 28px;
   }

  .job
   {
    margin-bottom: 16px;

    padding: 24px;
   }

  .tag_wrap
   {
    margin-bottom: 8px;
   }

  .tag
   {
    line-height: 18px;

    font-size: 13px;
   }

  .job_caption
   {
    margin-bottom: 8px;

    line-height: 24px;

    font-size: 20px;
   }

  .salary_wrap
   {
    margin-bottom: 16px;
   }

  .salary
   {
    line-height: 22px;

    font-size: 18px;
   }

  .work_wrap
   {
    margin-bottom: 12px;
   }

  .work_wrap > div
   {
    display: block;

    margin-right: 0px;
   }

  .short_text
   {
    margin-bottom: 8px;

    line-height: 20px;

    font-size: 14px;
   }
 }

/* =======================================
   =======================================
   =======================================
*/

.left_panel,
.right_panel
 {
  box-sizing: border-box;

  display: inline-block;

  vertical-align: top;

  border-radius: 12px;

  background-color: #ffffff;
 }

.left_panel
 {
  width: 100%;
  max-width: 768px;
  padding: 10px 20px;
  padding-bottom: 50px;
 }

.right_panel
 {
  float: right;

  width: 350px;
  padding: 24px;
 }

.left_panel .main_caption_wrap
 {
  margin-left: 0px;
  margin-bottom: 20px;

  line-height: 43px;
 }

.left_panel .desc
 {
  line-height: 22px;

  font-size: 16px;
 }

.rp_caption
 {
  margin-bottom: 4px;

  line-height: 22px;

  font-size: 16px;
  color: #1b1d1e80;
 }

.rp_param
 {
  margin-bottom: 16px;

  line-height: 22px;

  font-size: 16px;
 }

.reply_button
 {
  display: block;

  margin-bottom: 16px;

  width: 100%;
  padding: 20px 36px;

  border-radius: 4px;

  background: #0074ff;

  line-height: 16px;

  text-align: center;

  font-size: 16px;
  color: #ffffff;
 }

.reply_button:hover
 {
  background: -webkit-linear-gradient(338.85deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
  background: -o-linear-gradient(338.85deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
  background: linear-gradient(111.15deg, #0174ff 10.15%, #3205f3 119.02%), #0174ff;
 }

.light_button
 {
  margin-bottom: 0px;

  background-color: #dcebff;

  color: #0074ff;
 }

.light_button:hover
 {
  color: #ffffff;
 }

.reply_form_wrap
 {
  display: block;

  margin-top: 100px;

  max-width: 768px;
 }

.reply_head
 {
  margin-bottom: 40px;

  line-height: 43px;

  font-size: 36px;
  font-weight: 500;
 }

.field_row
 {
  margin-bottom: 28px;
 }

.field_row input,
.field_row textarea
 {
  box-sizing: border-box;

  background-color: #ffffff;

  padding: 20px;

  border-radius: 4px;

  line-height: 20px;

  font-size: 16px;
 }

.field_row input
 {
  width: 374px;
 }

.field_row textarea
 {
  width: 100%;

  min-height: 120px;
 }

.field_row input:first-child
 {
  margin-right: 8px;
 }

.field_row input:last-child
 {
  margin-left: 8px;
 }

.send_reply
 {
  display: inline-block;

  width: auto;
 }

.field_row .file_input
 {
  padding-left: 65px;

  background-image: url("/jobs/pic/file_icon.svg");
  background-position: 7px 7px;
  background-repeat: no-repeat;

  user-select: none;

  cursor: pointer;
 }

@media screen and (max-width: 1200px)
 {
  .left_panel
   {
    max-width: 600px;
   }

  .reply_form_wrap
   {
    max-width: 600px;
   }

  .field_row input
   {
    width: 290px;
   }
 }

@media screen and (max-width: 1130px)
 {
  .left_panel
   {
    display: block;

    margin: auto;
   }

  .right_panel
   {
    float: unset;

    display: block;

    margin: auto;
    margin-top: 40px;
    margin-bottom: 64px;

    max-width: 600px;
    width: auto;
   }

  .reply_form_wrap
   {
    display: block;

    margin: auto;
   }
 }

@media screen and (max-width: 630px)
 {
  .field_row,
  .field_row input:first-child
   {
    margin-bottom: 8px;
   }

  .reply_form .field_row input
   {
    display: block;

    margin-left: 0px;
    margin-right: 0px;

    width: 100%;
   }

  .send_reply
   {
    display: block;

    width: 100%;
   }
 }

@media screen and (max-width: 390px)
 {
  .field_row .file_input
   {
    font-size: 14px;
   }
 }