@charset "UTF-8";

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter-Regular.eot");
  src: local("Inter Regular"), local("Inter-Regular"), url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
body,
main {
  width: 100%;
  min-width: 375px;
  height: 100%;
  overflow-x: hidden;
}

body.compensate-for-scrollbar {
    overflow: hidden;
    height: 100%!important;
}

html.open,
body.open,
main.open {
  overflow: hidden;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scrollbar-width: thin;
}

body {
  width: 100%;
  max-width: 100%;
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  background: #F7FAFC;
  font-size: 14px;
  color: #778192;
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}

a,
input,
button {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.container {
  max-width: 1190px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

button {
  outline: none;
  border: 0;
  background: transparent;
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  border: 0;
  outline: none;
  padding: 0;
}

.button {
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
  white-space: nowrap;
}

.button svg {
  margin-left: 17px;
  margin-right: 5px;
}

.button:hover {
  background: #005EEB;
}

section,
.block,
article,
footer {
  width: 100%;
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-spacebetween {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cleaner {
  width: 100%;
  clear: both;
}

.ultimate_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slick {
  position: relative;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #778192;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #778192;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-size: 14px;
  color: #778192;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #778192;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: 14px;
  color: #778192;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #778192;
}

input::placeholder,
textarea::placeholder {
  font-size: 14px;
  color: #778192;
}

input[type=text],input[type=password],input[type=email] {
  background: #FFFFFF;
  border: 1px solid #E5EEF3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 12px;
  height: 46px;
  font-size: 14px;
  color: #1B1C22;
  width: 100%;
}

textarea {
  background: #FFFFFF;
  border: 1px solid #E5EEF3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  color: #1B1C22;
  width: 100%;
  resize: none;
  outline: none;
  font-family:"Roboto";
}

.global_wrapper {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#main_sidebar {
  width: 246px;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#main_sidebar.closed {
  width: 70px;
}

#main_sidebar.closed .small_hide {
  display: none;
  opacity: 0;
  white-space: nowrap;
}

#main_sidebar.closed .sidebar_user_info {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#main_sidebar.closed .sidebar_avatar,
#main_sidebar.closed .salatovaya_btn svg {
  margin-left: 0;
  margin-right: auto;
}

#main_sidebar.closed .sidebar_cntrls {
  padding: 16px 11px;
}

#main_sidebar.closed .sidebar_menu_block {
  padding: 0px 11px;
}

#main_sidebar .small_hide {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
}

.main_sidebar_inner {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  overflow-x: hidden;
  top: 0;
}

.bottom_main_sidebar {
  width: 100%;
  height: 48px;
  margin-top: auto;
  margin-bottom: 0;
  border-top: solid 1px #E5EEF3;
  background: #fff;
  padding: 0px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.bottom_main_sidebar svg {
  margin-right: 16px;
  margin-left: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bottom_main_sidebar:hover {
  background: #E6EFFD;
  color: #005EEB;
}

.bottom_main_sidebar:hover svg * {
  fill: #005EEB;
}

.close_sidebar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.close_sidebar.closed svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  margin: 0 auto;
}

.sidebar_user_info {
  width: 100%;
  min-height: 72px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: solid 1px #E5EEF3;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
    position: relative;
}

.sidebar_avatar {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sidebar_avatar img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.sidebar_user_bio {
  margin-left:12px;
  margin-right:8px;
}

.sidebar_user_bio_name {
  font-size: 16px;
  line-height: 19px;
  color: #1B1C22;
  margin-bottom: 6px;
}

.sidebar_user_bio_role {
  font-size: 14px;
  line-height: 17px;
  color: #778192;
}

.sidebar_cntrls {
  width: 100%;
  padding: 16px 16px;
}

.salatovaya_btn {
  width: 100%;
  height: 48px;
  background:#b2ffc3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  color: #0CA62E;
  white-space: nowrap;
  cursor: pointer;
}

.salatovaya_btn svg {
  margin-left: 0;
}

.salatovaya_btn span {
  margin-left: 16px;
}

.salatovaya_btn:hover {
  background:#7bff96;
}

.sidebar_menu_block_title {
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.05em;
  color: #778192;
  padding-left: 16px;
  margin-bottom: 7px;
}

.sidebar_menu_block {
  width: 100%;
  padding: 0 16px;
  margin-top: 12px;
}

.sidebar_menu_block nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.sidebar_menu_block nav a {
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 15px;
  line-height: 22px;
  color: #778192;
  padding-left: 16px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sidebar_menu_block nav a:hover,
.sidebar_menu_block nav a.current {
  color: #005EEB;
  background: #E6EFFD;
}

.sidebar_menu_block nav a:hover svg > path,
.sidebar_menu_block nav a.current svg > path {
  fill: #005EEB;
}

.sidebar_menu_block nav a:hover.nav_ticket svg > path,
.sidebar_menu_block nav a.current.nav_ticket svg > path {
  stroke: #005EEB;
}

.sidebar_menu_block nav svg {
  margin-right: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#main_content {
  padding: 29px 0 0;
  margin: 0 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

#main_sidebar + #main_content {
  width: -webkit-calc(100% - 326px);
  width: calc(100% - 326px);
}

#main_sidebar.closed + #main_content {
  width: -webkit-calc(100% - 150px);
  width: calc(100% - 150px);
}

.header_row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 26px;
}

.header_row .blue_button {
  margin-left: 11px;
  margin-right: 0;
}

.header_row .blue_button:first-of-type {
  margin-left: auto;
}

.header_row .header_row_left,
.header_row .header_row_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
}

.page_title {
  font-weight: 500;
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #1B1C22;
  margin-right: 20px;
}

.blue_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  height: 38px;
  background: #005EEB;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 22px;
  color: #FFFFFF;
  cursor: pointer;
  white-space: nowrap;
}

.blue_button:hover {
  background: #176dec;
}

.blue_button svg {
  margin-left: 8px;
}

.blue_button.add_user svg {
  margin-right: 8px;
  margin-left: auto;
}

.blue_button.upload_archive img {
  margin-right: 10px;
}

.blue_button.upload_archive{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blue_button.remove_uploaded_archive{
    width:193px;
}

.light_button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  height: 38px;
  background: #E6EFFD;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 22px;
  color: #005EEB;
  cursor: pointer;
  white-space: nowrap;
}

.light_button:hover {
  background: #f0f2f5;
}

.light_button svg {
  margin-left: 8px;
}

.light_button.upload_archive img {
  margin-right: 10px;
}

.light_button.upload_photo span {
    font-weight: 500;
    font-size: 26px;
}

.green_button.make_reserve{
    color:#fff;
    width:140px;
    height:38px;
}
.green_button.make_reserve:hover{
    color:#fff;
}

.end_user_button{
    width:155px;
}

.already_reserved{
    width:140px;
    height:38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #8300EB;
    color: #8300EB;
    font-size: 14px;
    border-radius:3px;
}

td.end_user_button a.denied_reserved {
    width:140px;
}

td.end_user_button a.already_work{
    width:140px;
    height:38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EB7100;
    color:#EB7100;
    font-size: 14px;
    border-radius:3px;
    cursor:pointer;
}

td.end_user_button a.already_work:hover{
     background:#EB7100;
     color:#fff;
 }

.privyazka_photo_item{
    display: flex;
    justify-content:center;
    align-items: center;
    position:relative;
    border-radius:4px;
    padding:0px;
    width:48px;
    height:46px;
    background: #E6EFFD;
    margin-left:10px;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.privyazka_photo_item:hover{
    transform: scale(1.05);
}

.remove_pr_image{
    position:absolute;
    left:0;
    top:100%;
    background:#fff;
    width:100%;
    padding:5px;
    text-align: center;
    display: none;
}

.privyazka_photo_item:hover .remove_pr_image{
    display: block;
}

.remove_pr_image:hover img{
    -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
    filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.fotoprivazka_holder{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
}

.modal_window_block .fotoprivazka_holder{
    margin-bottom:33px;
    width: 100%;
}

.modal_window_block .fotoprivazka_holder + .form_field_descr{
    margin-bottom:10px;
}

.modal_window_block .fotoprivazka_holder .file-upload-privyazka{
    width:30%;
}

.modal_window_block .fotoprivazka_holder button.light_button{
    height: 90px;
    width:100%;
}

.modal_window_block .fotoprivazka_holder .privyazka_photo_item{
    height: 90px;
    width:100%;
    margin-left:0;
}

.fotoprivazka_holder .fotoprivazka_holder_title{
    font-size: 12px;
    line-height: 14px;
    color: #778192;
    position:absolute;
    left:10px;
    top:-20px;
    white-space: nowrap;
}

.content_table,
.content_page {
  width: 100%;
  height:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content_table {
  overflow-x: auto;
}

@media (min-width: 768px) {
    .content_table.mod_scroll {
        max-height: calc(100vh - 120px);
    }
}

.content_tabs {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tab_index_item {
  padding: 15px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
    transition: all .3s ease;
}

.tab_index_item span {
  font-size: 14px;
  color: #778192;
  white-space: nowrap;
}

.tab_index_item .tab_index_item_num {
  border: 1px solid #A7B4C9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  padding: 0 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 6px;
  font-family: "Inter";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #A7B4C9;
}

.tab_index_item.draft .tab_index_item_num {
  border: 1px solid #1F1F1F;
  color: #1F1F1F;
}

.tab_index_item.wait .tab_index_item_num {
  border: 1px solid #FFA800;
  color: #FFA800;
}

.tab_index_item.publish .tab_index_item_num {
  border: 1px solid #8300EB;
  color: #8300EB;
}

.tab_index_item.active .tab_index_item_num {
  border: 1px solid #0CA62E;
  color: #0CA62E;
}

.tab_index_item.active_no .tab_index_item_num {
  border: 1px solid #92C00E;
  color: #92C00E;
}

.tab_index_item.processed .tab_index_item_num {
  border: 1px solid #EB7100;
  color: #EB7100;
}
.tab_index_item.end .tab_index_item_num {
  border: 1px solid #c8cbd0;
  color: #c8cbd0;
}
.tab_index_item.prebid .tab_index_item_num {
  border: 1px solid #FFCF40;
  color: #FFCF40;
}
.tab_index_item.new .tab_index_item_num {
  border: 1px solid #90ee90;
  color: #90ee90;
}

.tab_index_item.current,
.tab_index_item:hover {
  background: #fff;
  /*box-shadow: 3px 2px 4px 0px rgb(0 0 0 / 50%);*/
    border: 1px solid #3490dc;
    border-bottom: none;
}

.tab_index_item.current span,
.tab_index_item:hover span {
  color: #1B1C22;
}

.tab_index_item.current .tab_index_item_num,
.tab_index_item:hover .tab_index_item_num {
  /*border: 1px solid #005EEB;
  color: #005EEB;*/
}

.content_filters_line {
  width: 100%;
  background: #fff;
  padding: 16px 16px 15px;
  min-width: 1170px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink:0;
}

.content_filters_line .light_button{
  height: 40px;
  padding: 0px 10px;
}

.filter_block{
  width:260px;
  height:40px;
  margin-right:15px;
  margin-left:0;
  flex-shrink:0;
}

.filter_block.filter_by_type{
  width:160px;
}

.filter_block.filter_open_modal{
  width:170px;
}

.filter_open_modal_body{
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #1B1C22;
    background: #FFFFFF;
    border: 1px solid #E3E7EE;
    border-radius: 2px;
    cursor:pointer;
    padding:0 10px;
    flex-shrink:0;
}

.filter_open_modal_body span{
    white-space: nowrap;
}

.filter_open_modal_body:hover{
    border: solid 1px #005EEB;
}

.filter_open_modal_body svg{
    margin-right:10px;
    flex-shrink:0;
}

.filters_counts{
    background: #E6EFFD;
    border-radius: 4px;
    width: 21px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #005EEB;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:12px;
    flex-shrink:0;
}

.sorting_button{
  display:inline-block;
  visibility: hidden;
  margin-left:6px;
}

.sorting_button img{
  vertical-align: middle;
}

.form_search {
  width: 50%;
  max-width: 500px;
  margin-right:auto;
  margin-left:0;
  padding-right:15px;
}

.form_search input {
  height: 40px;
}

.content_table_line {
  width: 100%;
  background: #fff;
  flex-shrink: 0;
}

.main_content_table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  text-align: left;
  min-width: 1170px;
}

.main_content_table tbody tr:nth-of-type(2n+1) {
  background: #FBFDFE;
}

.main_content_table td.zakladka.status {
  position: relative;
}

.main_content_table td.zakladka.status:before, .user_tab_id.blocked:before {
  content: '';
  display: block;
  position: absolute;
  left:0px;
  top: 50%;
  width: 3px;
  height: 51px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: transparent;
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.user_tab_id {
    position: relative;
}
.user_tab_id.blocked:before {
    background: #bd081d;
}

.main_content_table td.zakladka.status.draft:before {
  background: #1F1F1F;
}

.main_content_table td.zakladka.status.wait:before {
  background: #FFA800;
}

.main_content_table td.zakladka.status.publish:before {
  background: #8300EB;
}

.main_content_table td.zakladka.status.active:before {
  background: #0CA62E;
}

.main_content_table td.zakladka.status.active_no:before {
  background: #92C00E;
}

.main_content_table td.zakladka.status.processed:before {
  background: #EB7100;
}
.main_content_table td.zakladka.status.reserved:before {
  background: #8300EB;
}
.main_content_table td.zakladka.status.end:before {
  background: #c8cbd0;
}
.main_content_table td.zakladka.status.prebid:before {
  background: #FFCF40;
}
.main_content_table td.zakladka.status.new:before {
  background: #90ee90;
}

.main_content_table td:first-of-type {
  padding-left: 30px;
}

.main_content_table td:last-of-type {
  padding-right: 30px;
}

.main_content_table td {
  font-size: 14px;
  line-height: 18px;
  color: #778192;
  border-bottom: solid 1px #E3E7EE;
  padding: 23px 23px 23px 5px;
  vertical-align: middle;
}

.user_tab_name{
    width:350px;
 }

.user_tab_id{
    width:75px;
}

.user_tab_phone{
    width:155px;
}

.user_tab_ctrl{
  width: 115px;
}

.user_tab_email{
  width: 300px;
}

.user_tab_podriady{
    width:130px;
}

.user_tab_ispolnitel{
    width:400px;
}

.user_tab_role{
    width: 150px;
}

.main_content_table td a {
  color: #1B1C22;
  font-weight:400;
}

.main_content_table td a.title_canceled {
  color: #ff0000;
}

.main_content_table td a:hover {
  color: #005EEB;
}

.main_content_table td.zakladka {
  width: 16px;
  padding-right:0px;
  position: relative;
}
.main_content_table td.zakladka.favorite_bar {
  padding-right: 20px;
}

.main_content_table td.zakladka svg{
  cursor: pointer;
}

.main_content_table td.zakladka.favorite svg *,
.main_content_table td.zakladka:hover svg * {
  fill: #FFD600;
  stroke: #FFD600;
}

.main_content_table td.podriad_files_cell {
  width: 90px;
  padding: 18px 15px;
}

.main_content_table th {
  font-size: 12px;
  line-height: 18px;
  padding: 12px 5px;
  color: #778192;
  border-bottom: solid 1px #E3E7EE;
  white-space: nowrap;
  vertical-align:middle;
}
.main_content_table th.sortable_col {
  cursor:pointer;
}

.main_content_table th:hover .sorting_button,.main_content_table th.sortable_col.active  .sorting_button{
  visibility:visible;
}

.main_content_table th span{
 margin:auto;
}

.main_content_table th:first-of-type {
  padding-left: 30px;
}

.main_content_table th:last-of-type {
  padding-right: 30px;
}

.table_block_line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.table_avatar {
  width: 23px;
  height: 23px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin-right: 10px;
  flex-shrink:0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table_avatar img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.row_control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.delete,
.edit {
  width: 32px;
  height: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 2px;
  cursor:pointer;
}

.delete:hover img,
.edit:hover img {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.content_pagination_line {
  width: 100%;
  padding: 22px;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pagination_form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

input.pagination_input {
  width: 38px;
  height: 26px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.003em;
  padding: 0 0px;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  font-size: 13px;
  letter-spacing: -0.003em;
  color: #1B1C22;
}

.pagination_form_button {
  width: 26px;
  height: 26px;
  background: #FFFFFF;
  border: 1px solid #F0F2F5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination_form_button.disabled {
    opacity:0.5;
    cursor: default;
}

.pagination_form_button:not(.disabled):hover {
  background: #E6EFFD;
  border: 1px solid #E6EFFD;
}

.pagination_form_button:hover img {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.lines_counts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  color: #8993A4;
  margin-left: 10px;
  height: 26px;
}

.pagination_form + .lines_counts {
 margin-left: 30px;
}

.lines_total {
  margin-left: 5px;
}

.lines_limits {
  font-size: 13px;
  line-height: 18px;
  color: #778192;
    margin-right:0;
    margin-left:auto;
}

.lines_limits button {
  font-size: 13px;
  line-height: 18px;
  color: #1B1C22;
  display: inline-block;
  margin-left: 10px;
  cursor:pointer;
}

.lines_limits button:hover,
.lines_limits button.active {
  color: #005EEB;
}

.content_copyright_line {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  padding: 13px 0;
  font-size: 13px;
  line-height: 22px;
  color: #B7BDC7;
}

.fon {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.loading_plashka{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5) url('/img/loading.gif') 50% 50% no-repeat;
    z-index:2;
}

.modal_alert{
    max-width: 300px;
    min-width:100px;
    width:auto;
    height: auto;
    position: fixed;
    right:30px;
    bottom:30px;
    z-index: 3000;
    background:#fff;
    padding:25px;
    display:none;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.15);
    border-radius:5px;
}

.modal_alert_message{
    font-size:16px;
    line-height:20px;
}

.modal_alert.error .modal_alert_message{
    color:red;
}

.modal_alert.success .modal_alert_message{
    color:green;
}

.modal_alert_close{
    position:absolute;
    right:10px;
    top:10px;
    display: inline-block;
    cursor:pointer;
}

.modal_alert_close:hover img{
    -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
    filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.modal_edit_window_holder,
.modal_create_window_holder,
.modal_client_window_holder,
.modal_create_pdr_window_holder,
.modal_edit_pdr_window_holder,
.notifications_modal,
.modal_faq_window_holder,
.modal_rightsight,
.filter_modal{
  width: 100%;
  height: 100vh;
  max-width: 552px;
  background: #F6F6F6;
  width: 100%;
  height: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 1005;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
    overflow-y:auto;
}

.modal_edit_window_holder.open,
.modal_create_window_holder.open,
.modal_client_window_holder.open,
.modal_create_pdr_window_holder.open,
.modal_edit_pdr_window_holder.open,
.notifications_modal.open,
.modal_faq_window_holder.open,
.modal_rightsight.open,
.filter_modal.open{
  right: 0;
}

.close_modal_edit{
    cursor: pointer;
}

.modal_edit_window{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow-y: auto;
}

.modal_window_block,.notification_item {
  width: 100%;
  background: #fff;
  padding: 20px 24px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_window_block.modal_window_block_procenty{
    display: none;
}

.modal_window_block.modal_window_block_procenty.open{
    display:flex;
}

.modal_window_block:last-of-type,.notification_item:last-of-type {
  margin-bottom: 0px;
}

.modal_window_block textarea {
  height: 140px;
}

.modal_window_block textarea:focus {
  border: 1px solid #005EEB;
}

.modal_window_ctrl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_side_calc .modal_window_ctrl{
   flex-wrap: nowrap;
}

.modal_window_ctrl .light_button {
  margin-right: 8px;
  margin-left: auto;
}

.modal_window_ctrl_title {
  font-size: 20px;
  line-height: 25px;
  color: #1B1C22;
}

.modal_block_title {
  font-size: 16px;
  line-height: 24px;
  color: #1B1C22;
  margin-bottom: 16px;
  width: 100%;
}

.filter_modal .modal_block_title{
    display: flex;
    align-items: center;
}

.modal_block_spoiler svg{
    margin-left:10px;
}

.modal_block_title.modal_block_spoiler{
    cursor:pointer;
    margin-bottom:0;
}

.modal_block_title.modal_block_spoiler.open{
    margin-bottom: 16px;
}

.modal_block_title.modal_block_spoiler ~ div{
    display:none;
}

.modal_block_title.modal_block_spoiler.open ~ div{
    display:block;
}

.modal_block_title.modal_block_spoiler.open svg{
    transform: rotate(-180deg);
}

.modal_block_title.modal_block_spoiler:hover{
    color:#005EEB;
}

.modal_block_title.modal_block_spoiler:hover svg *{
    fill:#005EEB;
}

.modal_close{
    position:absolute;
    top:15px;
    right:15px;
    cursor:pointer;
}

.modal_close:hover img{
    -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
    filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.notification_item{
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.notification_item_title{
    font-size: 18px;
    line-height: 24px;
    color: #1B1C22;
    margin-bottom:10px;
}

.notification_item_type {
    margin-right:16px;
}
.notification_item_type img{
    width:36px;
    height:36px;
}

.notification_item_date{
    font-size: 16px;
    color: #778192;
}

.notification_item_ctrl{
    margin-top:15px;
    display: flex;
    align-items: center;
}
.notification_item_ctrl *:first-child{
    margin-right:10px;
}

.swipe_form_field {
  width: 100%;
  height: 46px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E3E7EE;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 12px;
}

.swipe_form_field.swipe_form_textarea{
  border:0;
  height:auto;
}

.swipe_form_field.swipe_form_textarea label{
    top:25px;
}
.swipe_form_field.swipe_form_textarea textarea:focus + label,
.swipe_form_field textarea:not(:placeholder-shown) + label{
    top: 13px;
    font-size: 10px;
}

.swipe_form_field.swipe_form_textarea textarea{
    height:70px;
    padding-top: 22px;
}

.swipe_form_field label {
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.swipe_form_field input {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 100%;
  background: transparent;
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.swipe_form_field input:focus + label {
  top: 8px;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  font-size: 10px;
}

.swipe_form_field input:not(:placeholder-shown) + label {
  top: 8px;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  font-size: 10px;
}

.swipe_form_field.error_field {
  border: solid 1px red;
}

.swipe_form_field.swipe_form_field_half {
  width: 49%;
}

.swipe_form_field.focused {
  border: solid 1px #005EEB;
}

.swipe_form_field.swipe_form_vupadayka label {
  top: 8px;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  font-size: 10px;
}

.filter_block .swipe_form_field {
  display: flex;
  align-items: center;
  height:40px;
}
.filter_block .swipe_form_field.swipe_form_vupadayka label {
  position:static;
  padding-left:12px;
  padding-right:8px;
  font-size: 14px;
  line-height: 16px;
  color: #778192;
}

.swipe_form_field.swipe_form_vupadayka span {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 12px 0;
  height: 44px;
  color:#1B1C22;
}

.filter_block .swipe_form_field.swipe_form_vupadayka span{
    padding: 0px 12px 0px  0;
    font-size: 14px;
    line-height: 18px;
    color: #1B1C22;
}

.swipe_form_field.swipe_form_vupadayka:hover {
  border: solid 1px #005EEB;
  cursor: pointer;
}

.swipe_form_field.swipe_form_vupadayka:hover .vupadayka_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.swipe_form_field.swipe_form_vupadayka:hover .vupadayka_arrow {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.vupadayka_arrow {
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.vupadayka_list {
  display: none;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 12px 0;
  background: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: -webkit-calc(100% + 1px);
  top: calc(100% + 1px);
  z-index: 10;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.vupadayka_list_option {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: #1B1C22;
  padding: 5px 12px;
  cursor: pointer;
  background: #fff;
}

.vupadayka_list_option:hover,
.vupadayka_list_option.current{
  background: #E6EFFD;
}

.vupadayka_list_option.city_cat_opt{
    position: relative;
    margin-bottom:25px;
}

.vupadayka_list_option.city_cat_opt:after {
    content:attr(data-title);
    display: block;
    width:calc(100% - 40px);
    font-size: 12px;
    line-height: 18px;
    color: #778192;
    box-sizing: border-box;
    position: absolute;
    left:20px;
    padding-left:10px;
    bottom:-20px;
    border-bottom: solid 1px #ccc;
}

.vupadayka_list_option.city_cat_opt_item {
    padding-left:30px;
}

.vupadayka_list_avatar{
    width:24px;
    height:24px;
    overflow:hidden;
    border-radius:24px;
    margin-right:10px;
    flex-shrink: 0;
}
.vupadayka_list_avatar img{
    width:100%;
    max-width:100%;
    height:auto;
}

.vupadayka_list.vupadayka_list_managers .vupadayka_list_option{
    border-bottom: 1px solid #E3E7EE;
    padding:15px 12px;
    display: flex;
    align-items: center;
}

.vupadayka_list.vupadayka_list_managers:before{
    content:'Список менеджеров';
    font-size: 12px;
    line-height: 18px;
    color: #778192;
    padding-left:12px;
    margin-bottom: 10px;
}

.vupadayka_list.vupadayka_list_managers .vupadayka_list_option:last-of-type{
    border-bottom:0;
}

.user_avatar_upload {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}

.upload_image_show {
  width: 100px;
  height: 100px;
  margin-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.upload_image_show img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.upload_descr {
  font-size: 12px;
  line-height: 15px;
  color: #778192;
  width: 170px;
  margin-top: 8px;
}

.upload_descr.upload_descr_arch {
  width:100%;
}

.user_avatar_upload_input,
.upload_input {
  display: none;
}

.user_pdr_holder{
    display:flex;
    align-items: center;
}

.user_pdr_holder span{
    padding-top:5px;
}

.user_contracts .header_row_left .page_title{
   order:2;
}

.user_contracts .header_row_left .user_pdr_holder{
    order:3;
}
.user_contracts .header_row_left .back_to_user{
    order:1;
}

.to_moderation{
    margin-left:8px;
}

.comment_admin{
    margin:10px 0 20px;
}

.form_field_descr.form_field_descr_cancel{
    font-weight:500;
    font-size:14px;
    color:#ff0000;
}

.back_to_user{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: #FFFFFF;
    border-radius: 4px;
    width: 90px;
    height: 38px;
    margin-right:25px;
    font-size: 15px;
    line-height: 22px;
    color: #778192;
}

.back_to_user:hover{
    background: #E6EFFD;
}

.form_field {
  width: 100%;
}

.form_field_checkbox {
  position: relative;
}

.form_row_shapka{
    width:100%;
    margin-bottom:20px;
}

.modal_edit_bottom_ctrl {
  padding: 0px 24px 20px;
  width: 100%;
  background: #fff;
  margin-top: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.modal_create_pdr_window_holder .modal_edit_bottom_ctrl{
    margin-top:0;
    padding: 20px 24px;
}

.modal_edit_bottom_ctrl .light_button {
  margin-right: 8px;
}

.contract_media_holder{
    display: none;
}

#ui-datepicker-div{
    top:100%!important;
    left:0!important;
}

.podriad_files_row {
  background: #FFFFFF;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
}

.podriad_files_row a,
.ltc_disabled{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #E3E7EE;
}

.podriad_files_row a:nth-child(2) {
  margin-left:-1px;
  margin-right:-1px;
}

.podriad_files_row a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px #005EEB;
  box-shadow: inset 0px 0px 0px 1px #005EEB;
}

.podriad_files_row a:hover svg * {
  stroke: #005EEB;
}

.ltc_disabled svg * {
  stroke: #ccc;
}

.ltc_disabled svg circle {
  fill: #ccc;
}

.modal {
  background: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 24px;
  width: 96%;
  max-width: 512px;
  z-index: 1020;
  display: none;
}

.modal_title {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #1B1C22;
  margin-bottom: 10px;
}

.modal_descr {
  font-size: 14px;
  line-height: 20px;
  color: #778192;
  margin-bottom: 8px;
}

.modal_ctrl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 16px;
}

.modal_ctrl button,.modal_ctrl a {
  width: -webkit-calc(50% - 4px);
  width: calc(50% - 4px);
  height: 42px;
}

.empty_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  height: 38px;
  border: 1px solid rgba(86, 103, 137, 0.26);
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  color: #778192;
  cursor: pointer;
}

.empty_button:hover {
  border: 1px solid #005EEB;
  color: #005EEB;
}

.modal_body {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contract_create_form .podriad_technical[data-id="0"] .delete_technical{
    display: none;
}

.form_field_checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 16px 0;
}

.form_field_checkbox span {
  font-size: 14px;
  line-height: 21px;
  color: #1B1C22;
}

.form_field_checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.form_field_checkbox input:checked + .checkbox_dot {
  border: 2px solid #005EEB;
}

.form_field_checkbox input:checked + .checkbox_dot:before {
  display: block;
}

.checkbox_dot {
  width: 20px;
  height: 20px;
  border: 1px solid #D3D8E1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.checkbox_dot:before {
  content: '';
  display: none;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #005EEB;
}

.modal_mini_title {
  font-size: 12px;
  line-height: 18px;
  color: #005EEB;
  margin: 16px 0 10px;
}

.green_button {
  background: #0CA62E;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 20px;
  height: 46px;
  font-size: 15px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.green_button:hover {
  background: #1cd845;
}

.green_button:disabled,
.green_button:disabled:hover,
.publish_contract.disabled,
.publish_contract.disabled:hover{
   background:#77dd8e;
    cursor: default;
}

.send_to_work.disabled,
.send_to_work.disabled:hover{
   background:#7db1ff;
   cursor: default;
}

.header_row_right .green_button {
  margin-left: 11px;
}

.delete_button {
  font-size: 14px;
  line-height: 24px;
  color: #FF0000;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  cursor: pointer;
}

.delete_button.remove_uploaded_archive_modal{
    height:38px;
    background: #F7FAFC;
}

.delete_button.block_user_button {
    margin-right: 8px;
    height:38px;
    background:#ffe7e7;
}

.modal_save.green_button{
    height:38px;
}

.delete_button svg {
  margin-right: 10px;
}

.delete_button:hover {
  background: #FF0000;
  color: #fff;
}

.delete_button:hover svg * {
  stroke: #fff;
}

.podr_status_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 40px 8px 16px;
  min-width: 175px;
  height: 46px;
  background: #FFFFFF;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}

.podr_status_button svg {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.podr_status_button:not(.podr_status_nohover):hover {
  background: #E6EFFD;
  cursor: pointer;
}

.podr_status_button:hover .podr_vupadayka_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.podr_vupadayka_list {
  display: none;
  padding: 12px 0;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.podr_vupadayka_list_item {
  padding: 8px 12px;
}

.podr_vupadayka_list_item:last-of-type {
  margin-bottom: 0;
}

.podr_vupadayka_list_item:hover {
  background: #E6EFFD;
}

.podr_status_result {
  font-size: 15px;
  color: #1B1C22;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.podr_status_result:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-right: 8px;
  background: #ccc;
}

.podr_status_result[data-status=wait]:before {
  background: #FFA800;
}

.podr_status_result[data-status=draft]:before {
  background: #1F1F1F;
}

.podr_status_result[data-status=processed]:before {
  background: #EB7100;
}

.podr_status_result[data-status=active]:before {
  background: #0CA62E;
}

.podr_status_result[data-status=active_no]:before {
  background: #92C00E;
}

.podr_status_result[data-status=end]:before {
  background:#c8cbd0;
}

.podr_status_result[data-status=reserved]:before {
  background:#8300EB;
}

.podr_status_result[data-status=prebid]:before {
  background:#FFCF40;
}

.podr_status_result[data-status=new]:before {
  background:#90ee90;
}

.notifications_kolokol{
    position: relative;
    margin-right:0;
    margin-left: auto;
    cursor: pointer;
}

.closed .notifications_kolokol{
    width:30px;
    height:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
    border-radius:30px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    position:absolute;
    right: 4px;
    top: 4px;
}

.notification_number{
    width:16px;
    height:16px;
    line-height:17px;
    text-align: center;
    background: #005EEB;
    border: 3px solid #FFFFFF;
    border-radius:16px;
    box-sizing: content-box;
    position:absolute;
    top:0;
    right:0;
    transform:translate(45%,-45%);
    font-weight: 500;
    font-size: 10px;
    color:#fff;
    display: block;
}

.notification_number.empty{
    display: none;
}

#notification_sounds{
    display:none;
}

.closed .notification_number{
    top: 14px;
    right: 14px;
}

.content_page_form {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form_block {
  background: #fff;
  padding: 30px 30px 39px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.form_block .blue_button {
  height: 46px;
}

.zapolnit_shapku {
  width:111px;
}
.clear_shapku {
  height: 46px;
  display:none;
  width:111px;
  flex-shrink:0;
}

.form_block_title {
  font-size: 18px;
  color: #1B1C22;
  margin-bottom: 25px;
  width: 100%;
}

.delete_shapky {
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 29px;
}

.delete_shapky:hover img,.notifications_kolokol:hover .notification_kolokol_img {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.podriad_shapka {
  margin-bottom: 20px;
  width: 100%;
}

.podriad_shapka_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.podriad_shapka_row .swipe2_form_field {
  margin-right: 40px;
  margin-bottom: 0px;
}

.form_block.responsibility{
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin-bottom:20px;
}
.form_block.responsibility .swipe2_form_field{
    margin-bottom:0px;
}

.podriad_about {
  width: -webkit-calc(60% - 10px);
  width: calc(60% - 10px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.podriad_about {
  width: -webkit-calc(60% - 10px);
  width: calc(60% - 10px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.podriad_about .podriad_about_column {
  width: -webkit-calc(33.3333% - 15px);
  width: calc(33.3333% - 15px);
}

.podriad_about .podriad_about_column > *:last-of-type {
  margin-bottom: 0;
}

.podriad_stoimost {
  width: -webkit-calc(40% - 10px);
  width: calc(40% - 10px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.podriad_stoimost .swipe2_form_field {
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}

.swipe2_form_field {
  width: 100%;
  height: 46px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E3E7EE;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 12px;
}

.swipe2_form_field.swipe2_form_textarea {
  height: 70px;
}

.swipe2_form_field.swipe2_form_textarea textarea {
  border: 0;
  height: 100%;
  position: relative;
  z-index: 1;
  background: transparent;
}

.swipe2_form_field.swipe2_form_textarea textarea:focus + label {
  top: 0px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 10px;
  z-index: 2;
}

.swipe2_form_field.swipe2_form_textarea textarea:not(:placeholder-shown) + label {
  top: 0px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 10px;
  z-index: 2;
}

.swipe2_form_field.swipe2_form_textarea label {
  top: 10px;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
}

.swipe2_form_field label {
  position: absolute;
  left: 8px;
  top: 50%;
  z-index: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #fff;
  padding: 5px;
  display: block;
}

.swipe2_form_field input {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 100%;
  background: transparent;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.swipe2_form_field input:focus + label {
  top: 0px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 10px;
  z-index: 2;
}

.swipe2_form_field input:not(:placeholder-shown) + label{
  top: 0px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 10px;
  z-index: 2;
}

.swipe2_form_field.error_field {
  border: solid 1px red;
}

.swipe2_form_field.swipe_form_field_half {
  width: 49%;
}

.swipe2_form_field.focused {
  border: solid 1px #005EEB;
}

.swipe2_form_field.swipe_form_vupadayka label {
  top: 0px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 10px;
  z-index: 2;
}

.swipe2_form_field.swipe_form_vupadayka span {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 1;
  display: block;
  padding: 0px 12px 0;
  height: 44px;
  line-height: 44px;
  color: #1B1C22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:200px;
}

.swipe2_form_field.swipe_form_vupadayka:hover {
  border: solid 1px #005EEB;
  cursor: pointer;
}

.swipe2_form_field.swipe_form_vupadayka:hover .vupadayka_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.swipe2_form_field.swipe_form_vupadayka:hover .vupadayka_arrow {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.swipe2_form_field.rubli:after {
  content: 'руб.';
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 14px;
  color: #778192;
}

.swipe2_form_field.pribul, .swipe2_form_field.doplata{
  background: #F7FAFC;
  border: solid 1px #F7FAFC;
}

.swipe2_form_field input[disabled] {
  background: #F7FAFC;
}

.swipe2_form_field.pribul label, .swipe2_form_field.doplata label{
  background: #F7FAFC;
}

.swipe2_form_field.pribul input:focus + label,
.swipe2_form_field.pribul textarea:focus + label {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #F7FAFC));
  background: -webkit-linear-gradient(top, #fff 50%, #F7FAFC 50%);
  background: linear-gradient(to bottom, #fff 50%, #F7FAFC 50%);
}

.swipe2_form_field.pribul input:not(:placeholder-shown) + label,
.swipe2_form_field.pribul textarea:not(:placeholder-shown) + label,
.swipe2_form_field.doplata input:not(:placeholder-shown) + label{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #F7FAFC));
  background: -webkit-linear-gradient(top, #fff 50%, #F7FAFC 50%);
  background: linear-gradient(to bottom, #fff 50%, #F7FAFC 50%);
}

.form_field_descr {
  font-size: 12px;
  line-height: 15px;
  color: #778192;
  margin-bottom: 24px;
  width:100%;
}

.mrg24 {
  margin-bottom: 24px;
}

.mrg0 {
  margin-bottom: 0px;
}

.montag_radio_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.montag_radio_row span {
  font-size: 14px;
  color: #778192;
  display: block;
}

.montag_radio_row > span {
  margin-bottom: 16px;
}

.montag_radio_row .form_field_checkbox {
  margin-left: 20px;
  margin-top: 0;
}

.podriad_technical {
  width: 100%;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 25px;
  position: relative;
}

.technical_first_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

 .technical_first_row.mb20{
     margin-bottom:20px;
 }

.technical_first_row .swipe2_form_field {
  margin-bottom: 0px;
  margin-right: 27px;
  width:calc(25% - 20px);
}

.technical_first_row .light_button {
  height: 46px;
  margin-left: 10px;
}

.technical_first_row.tech_print .swipe2_form_field:first-of-type,
.technical_first_row.tech_montage  .swipe2_form_field:first-of-type{
    width:calc(50% - 13px);
}

.tech_column {
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
}

.tech_column_title {
  font-size: 16px;
  line-height: 24px;
  color: #1B1C22;
  margin-bottom: 23px;
  width: 100%;
}

.tech_last_row {
  width: 100%;
  margin-top: 24px;
}

.tech_cntrl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 6px;
}

.tech_cntrl button {
  height: 46px;
}

.tech_cntrl .hide_button {
  display: none;
}

.tech_additional_row {
  width: 100%;
  padding-right: 50px;
  position: relative;
}

.tech_additional_row:first-of-type {
  margin-top: 15px;
}

.editable_form_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.editable_form_field input {
  margin-right: 10px;
  height: 24px;
  border: 0;
  width: 104px;
  min-width: 104px;
  max-width: 93%;
  font-size: 16px;
  color: #1B1C22;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  text-align: left;
}

.editable_form_field .expandable_input_buffer {
  font-size: 16px;
  color: #1B1C22;
}

.expandable_input_buffer {
  display: none;
}

.shablon_hidden_holder {
  display: none;
}

.remove_additional_row {
  position: absolute;
  right: 18px;
  bottom: 39px;
  cursor: pointer;
}

.remove_additional_row:hover img {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.delete_technical {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}

.delete_technical:hover img {
  -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
  filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.form_page_ctrl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 30px;
}

.form_page_ctrl > *{
    margin-left:15px;
    margin-right:0px;
}

.form_page_ctrl .blue_button {
    height:46px;
}

.slick {
  height: 60px;
  background: #fff;
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
  padding: 10px 15px;
  display: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slick .add_poriad {
  width: 40px;
  height: 40px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 10px;
  margin-right: auto;
}

.slick .sidebar_user_info {
  width: auto;
  padding: 5px;
  padding-right: 0;
  max-width: 230px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-bottom: 0;
}

.slick .sidebar_avatar {
  width: 34px;
  height: 34px;
}

.slick .sidebar_user_bio {
  margin-left: 0;
  margin-right: 12px;
  text-align: right;
}

.slick .sidebar_user_bio_name {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 4px;
}

.slick .sidebar_user_bio_role {
  font-size: 12px;
  line-height: 14px;
}

.burger {
  width: 40px;
  height: 40px;
  padding: 0 10px;
  position: relative;
  background: #E6EFFD;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.burger:hover {
  background: #f0f2f5;
}

.burger span {
  width: 100%;
  display: block;
  height: 2px;
  background: #005EEB;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.burger span:nth-of-type(2) {
  margin: 4px 0;
}

.burger.open span:nth-of-type(2) {
  opacity: 0;
}

.burger.open span:nth-of-type(1) {
  -webkit-transform: rotate(-45deg) translate(-4px, 4px);
  -ms-transform: rotate(-45deg) translate(-4px, 4px);
  transform: rotate(-45deg) translate(-4px, 4px);
}

.burger.open span:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translate(-4px, -4px);
  -ms-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);
}

.tickets_top_search {
  padding-top: 114px;
  margin-bottom: 77px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tickets_top_search h1 {
  font-weight: 500;
  font-size: 30px;
  letter-spacing: -0.01em;
  color: #1B1C22;
  margin-bottom: 13px;
}

.tickets_top_search p {
  margin-bottom: 38px;
  font-size: 14px;
  line-height: 18px;
  color: #778192;
}

.tickets_search_form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  max-width: 605px;
}

.tickets_search_form input {
  height: 40px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tickets_search_form .blue_button {
  height: 40px;
  margin-left: 11px;
}

.popular_tickets {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 43px;
}

.popular_tickets_header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    margin-bottom: 26px;
    width: 100%;
}

.popular_tickets_title {
  font-size: 18px;
  line-height: 24px;
  color: #1B1C22;
  margin-left: 30px;
}

.popular_tickets_item {
  width: -webkit-calc(20% - 20px);
  width: calc(20% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 32px;
  background: #FFFFFF;
}

.popular_tickets_item:hover p {
  color: #005EEB;
}

.popular_tickets_top {
  font-size: 14px;
  line-height: 16px;
  color: #778192;
  margin-bottom: 38px;
}

.popular_tickets_item p {
  font-size: 18px;
  line-height: 24px;
  color: #1B1C22;
}

.tickets_list_holder {
  width: 100%;
  background: #fff;
  padding: 26px 23px;
}

.tickets_list_item {
  padding: 27px;
  width: 100%;
  margin-bottom: 26px;
  border: 1px solid #E5E5E5;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tickets_list_item:last-of-type {
  margin-bottom: 0;
}

.tickets_list_item img {
  margin-right: 56px;
}

.tl_item_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0;
  margin-right: auto;
}

.tl_item_info .tl_item_role {
  font-size: 14px;
  line-height: 17px;
  color: #778192;
  margin-bottom: 12px;
}

.tl_item_info .tl_item_user {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #13171E;
  margin-bottom: 25px;
}

.tl_item_info .tl_item_title {
  font-size: 16px;
  line-height: 19px;
  color: #778192;
}

.tl_item_ctrl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: 0;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  width: 160px;
  padding-left: 30px;
}

.tl_item_status {
  padding: 0px 20px;
  width: 136px;
  height: 33px;
  background: #F5F6F7;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.tl_item_date {
  text-align: right;
  font-size: 14px;
  line-height: 14px;
  color: #6B737F;
  margin-bottom: 52px;
}

.fast_stats_item_holder {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.fast_stats_item {
  padding: 16px 20px;
  background: #fff;
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
  margin-bottom: 20px;
}

.fast_stats_item_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}

.fast_stats_item_top span {
  font-size: 14px;
  line-height: 16px;
  color: #2F3A4A;
}

.fast_stats_item_top a {
  font-size: 12px;
  line-height: 14px;
  color: #778192;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fast_stats_item_top a svg {
  margin-left: 8px;
}

.fast_stats_item_top a:hover {
  color: #005EEB;
}

.fast_stats_item_top a:hover svg * {
  stroke: #005EEB;
}

.fast_stats_item_mid {
  font-size: 12px;
  line-height: 14px;
  color: #778192;
  margin-bottom: 15px;
}

.fast_stats_item_num svg {
  margin-right: 5px;
}

.fast_stats_item_num span {
  font-size: 28px;
  line-height: 32px;
  color: #2F3A4A;
}

.stats_half_block {
  width: -webkit-calc(50% - 25px);
  width: calc(50% - 25px);
  padding: 23px 23px 40px;
  background: #fff;
}

.stats_half_block_title_line {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.stats_half_block_title_line a {
  font-size: 12px;
  line-height: 14px;
  color: #778192;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.stats_half_block_title_line a svg {
  margin-left: 8px;
}

.stats_half_block_title_line a:hover {
  color: #005EEB;
}

.stats_half_block_title_line a:hover svg * {
  stroke: #005EEB;
}

.stats_half_block_title {
  font-size: 16px;
  line-height: 24px;
  color: #1B1C22;
}

.new_reg_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.new_reg_list_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 14px;
}

.new_reg_list_item .sidebar_avatar {
  margin-right: 12px;
}

.new_reg_list_item .new_reg_list_item_name {
  margin-left: 0;
  margin-right: auto;
}

.new_reg_list_item .new_reg_list_item_name a{
  font-size: 14px;
  line-height: 16px;
  color: #1B1C22;
}

.new_reg_list_item a {
  font-size: 14px;
  line-height: 16px;
  color: #005EEB;
}

.new_reg_list_item a:hover {
  color: #5BC044;
}

.new_reg_list_item:last-of-type {
  margin-bottom: 0;
}

.stats_middle_line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.content_tabs_line {
  width: 100%;
  overflow-x: auto;
}

.chart_row {
  width: 100%;
  background: #fff;
  margin-top: 49px;
}

.chart_block {
  padding: 15px;
  background: #fff;
  height:400px;
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: 500px;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    flex-wrap: wrap;
}

.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.drop-up {
    margin-top: -7px;
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
    flex-grow: 1;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
    padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    line-height: 12px;
    vertical-align: middle;
    display:flex;
    justify-content: space-between;
    align-content: center;
    width:100%;
}

.daterangepicker .drp-selected {
    display: flex;
    font-size: 12px;
    padding-right: 8px;
    white-space: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    cursor: pointer;
}
.daterangepicker .drp-buttons .btn:hover {
    color:#005EEB;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.daterangepicker .ranges li:hover {
    background-color: #eee;
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}

.arch_modal{
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);
}

.arch_modal .blue_button{
    margin:0px auto 20px;
    width:100%;
    border-radius:4px;
    height:50px;
    color:#fff;
}

.arch_modal .light_button{
    margin:0px auto 20px;
    width:100%;
    border-radius:4px;
    height:50px;
    color: #005EEB;
 }

.arch_modal .blue_button img,.arch_modal .light_button img{
   margin-right:15px;
}
.arch_modal .blue_button:hover{
    color:#fff;
}
.arch_modal .light_button:hover{
    box-shadow: none;
}

.arch_modal_title{
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    color: #1B1C22;
    margin-bottom: 10px;
    width:100%;
    text-align: center;
    margin-bottom:30px;
}

.arch_button{
    padding: 10px 20px;
    width: 189px;
    height: 46px;
    background: #F7FAFC;
    border-radius: 6px;
    font-size: 14px;
    color: #1B1C22;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.arch_button a{
    font-size: 14px;
    color: #1B1C22;
}
.remove_contract_archive{
    cursor: pointer;
}
.arch_button a:hover{
    color: #005EEB;
}
.remove_contract_archive:hover{
    -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
    filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.podriad_title_td{
   width:280px;
}

.podriad_title_td a{
   width:280px;
   display: inline-block;
}

.podriad_client_td{
   max-width:190px;
}

.podriad_price_td{
    white-space: nowrap;
}

.files_row_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.send_to_moderation{
    height: 46px;
}

.choose_man_for_contract .swipe2_form_field{
    margin-top:25px;
    margin-bottom:10px;
}

.welc_left_menu{
    width:29%;
    height:100vh;
    overflow-y:auto;
    background:#fff;
    position:fixed;
    left:0;
    top:0;
    padding:70px 60px 40px;
    display: flex;
    flex-direction: column;
}

.welc_left_menu.welc_left_menu_full{
    width:100%;
    max-width:600px;
    margin:0 auto;
    position: static;
    height:auto;
    min-height:100%;
    overflow-y: hidden;
    flex-shrink: 0;
}

.welc_logos{
    display: flex;
    align-items: center;
}

.welc_logos img{
    margin-right:20px;
}

.welc_logos p{
    font-size: 16px;
    line-height: 22px;
    color: #778192;
}

#fullpage{
    width:71%;
    margin-left:29%;
}

.section_container{
    width:90%;
    max-width:1600px;
    margin:0 auto;
}

.section1 .section_container{
    width:71%;
    display: flex;
    flex-direction: column;
}

.welc_bott{
    text-align: center;
    margin-bottom:0;
    margin-top:auto;
}

.registration_link{
    width:100%;
    height:50px;
    margin:20px 0 40px;
}

.welc_bott_copyright{
    font-size: 13px;
    color: #778192;
}

.welc_bott_tit{
    font-size: 16px;
    color: #1B1C22;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.welc_auth_form{
    margin:auto 0 30px;
}

.welc_auth_form.welc_auth_form_top{
    margin:100px 0 30px;
}

.welc_auth_form_title{
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -0.01em;
    color: #1B1C22;
    margin-bottom:38px;
    margin-top:auto;
}

.welc_auth_form .swipe2_form_field input{
    width:100%;
}


.welc_auth_form .alert{
    margin:0 0px 30px 0;
}

.welc_auth_form .alert.alert-success{
    color:#239B56;
}

.welc_auth_form .alert.alert-error, .welc_auth_form .invalid-feedback{
    color:#ff0000;
    display: block;
    width:100%;
    margin: -2px 0 10px;
}

.reset_pass_button,.auth_buttons{
    width:100%;
    height:50px;
}

.registration_form{
    display: none;
}

.registration_role_choose{
    margin-bottom:30px;
}

.registration_role_choose p{
    margin-bottom:30px;
}

.registration_role_choose .form_field_checkbox,.registration_form .form_field_checkbox{
    margin: 30px 0;
}

.form_reg_descr{
    font-size: 16px;
    line-height: 20px;
    margin-top:-10px;
    margin-bottom:30px;
}

.frg_link{
    font-size: 14px;
    color: #005EEB;
}

.frg_link:hover{
    color: #000;
}

.login_button{
    width:100%;
    height:50px;
}
.form_row{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:35px;
}

.form_check{
    display: flex;
    align-items: center;
}

.form_check input{
    width: 26px;
    height: 26px;
    border: 1px solid #E3E7EE;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right:14px;
    position: relative;
    flex-shrink: 0;
}

.form_check input:checked{
    border: 1px solid #005EEB;
}

.form_check input:checked:before{
    content:'';
    display: block;
    background:#005EEB;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

#fullpage .section{
    padding: 0 109px;
}

.section1{
    background:#005EEB url('../img/bg1.svg') 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
    display:flex;
    flex-direction: column;
}

.section .fp-tableCell,.section.fp-section{
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow:hidden;
}

.section1 h1{
    font-weight: 500;
    font-size: 60px;
    line-height: 65px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-bottom:30px;
}

.section img.section_logo{
    margin:80px auto 50px;
    display:block;
}

.section.section1 img.section_logo{
    margin:60px auto 50px;
    display: inline-block;
}

.section1 img.bottom_img{
    margin:auto auto 0;
    max-width:95%;
    display: block;
    opacity: 0;
    transition: all .4s ease;
    transform: translateY(50px);
}

body.loaded .bottom_img {
    opacity: 1;
    transform: translateY(0);
}

.section1 p{
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.7;
}

.section_title{
    font-weight: 500;
    font-size: 46px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #16242E;
    margin-bottom:18px;
}

.section_descr{
    font-size: 20px;
    line-height: 23px;
    color: #778192;
    text-align: center;
}

.section4{
    background:url('../img/sect4_bg.png') 50% 100% no-repeat;
    background-size: contain;
}

.how_work_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    width: 225px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 6px;
    font-size: 16px;
    color: #1B1C22;
    white-space: nowrap;
}

.how_work_btn:hover{
    background:#E6EFFD;
}

.how_work_faq{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    width: 155px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 16px;
    color: #FFFFFF;
}

.how_work_faq:hover{
    background:rgba(255, 255, 255, 1);
    color:#000;
}

.sect_ctrl{
    display: flex;
    justify-content: space-between;
    align-items:center;
    width:400px;
    margin:40px auto 60px;
    max-width:100%;
}

.filter_block .vaparayka_result{
    overflow:hidden;
}

.filter_block .vaparayka_result span{
    overflow:hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height:44px!important;
    padding: 0px 30px 0px 0!important;
}

.section.section3 .fp-scroller{
    padding:0 140px 0 106px;
}

.faq_holder{
    width:100%;
    margin:48px auto 0;
}

.faq_item{
    width:100%;
    padding:30px 36px 30px 40px;
    background:#fff;
    margin-bottom:20px;
}

.faq_quest{
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #16242E;
    cursor:pointer;
    display: flex;
    justify-content: space-between;
}

.faq_quest svg{
    margin-left:30px;
    flex-shrink: 0;
    transition:all 0.2s ease;
}

.faq_quest:hover{
    color:#005EEB;
}

.faq_quest:hover svg *{
    stroke:#005EEB;
}

.faq_answer{
    font-size: 16px;
    line-height: 25px;
    color: #96A2AB;
    display:none;
    margin-top:22px;
    transition:all 0.2s ease;
}

.faq_answer a{
    color:#176dec;
}

.faq_answer a:hover{
    color:#000;
}

.faq_item.open .faq_answer{
    display: block;
}

.faq_item.open .faq_quest svg{
    transform: rotate(-45deg);
}

.faq_item.open .faq_quest svg *{
    stroke:#005EEB;
}
.fp-scroller{
    overflow:hidden;
    width:100%;
}
.fp-scrollable{
    width:100%;
}

.sect4_bot{
    margin:auto auto 57px;
}

.main_to_top{
    width:129px;
    height:50px;
    margin:0 auto;
    display: flex;
}

.welc_copy{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #778192;
    margin-top:46px;
}

.callback_form{
    width:460px;
    padding:37px 40px 44px;
    background:#fff;
    margin:55px auto;
    border-radius: 6px;
}

.callback_form_title{
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #16242E;
    margin-bottom:24px;
}

.callback_form_send{
    width:100%;
    margin-top:30px;
    height:50px;
}

.callback_form .form_row{
    margin-bottom:0;
    margin-top:30px;
}
.callback_form .form_check{
    cursor: pointer;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 10px;
    width: 10px;
    background:#005EEB;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background:#C5D3D9;
    height:7px;
    width:7px;
    left:50%;
    top:50%;
    margin:0;
    transform: translate(-50%,-50%);
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span,#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
    margin:0;
}

.steps_panel_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom:44px;
    border-bottom:solid 3px transparent;
    cursor: pointer;
    margin-bottom:-1px;
    margin-right:30px;
    flex-shrink: 0;
}

.steps_panel_item.active,.steps_panel_item:hover{
    border-bottom:solid 3px #005EEB;
    color:#005EEB;
}
.steps_panel_item.active span,.steps_panel_item:hover span{
    color:#005EEB;
}

.steps_panel_item.active svg *,.steps_panel_item:hover svg *{
    fill:#005EEB;
}

.steps_panel_item svg{
    margin-bottom:20px;
}

.steps_panel_item span{
    font-size: 16px;
    text-align: center;
    color: #16242E;
}

.steps_panel{
    margin-top:80px;
    width:100%;
    padding:0 0;
}

.steps_panel_holder{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width:100%;
    border-bottom: 1px solid #DADDE4;
    flex-shrink: 0;
    overflow-x:auto;
    overflow-y: hidden;
}

.steps_block{
    padding:89px 0 0;
}

.step_item{
    display: none;
}

.step_item.active{
    display: flex;
}

.step_item_left{
    min-width:320px;
    width:auto;
}

.step_item_right{
    margin-left:44px;
    flex-shrink: 0;
}

.step_item_right img{
    flex-shrink: 0;
    max-width:100%;
    border-radius:6px;
}

.step_item_num{
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 60px;
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: #16242E;
    margin-bottom:30px;
}

.step_item_title{
    font-weight: 500;
    font-size: 30px;
    line-height: 55px;
    letter-spacing: -0.01em;
    color: #16242E;
    margin-bottom:11px;
}

.step_item_text{
    font-size: 16px;
    line-height: 22px;
    color: #778192;
    margin-bottom:34px;
}

.step_item_ctrl button{
    height:50px;
}

.not_confirmed_user_icon{
    margin-left:6px;
}

.eyechange {
    position:absolute;
    top:50%;
    right:20px;
    transform: translate(0,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    z-index:4;
}
.eyechange svg{
    width:18px;
    height:18px;
}
.eyechange svg .eyeline{
    display:none;
}
.eyechange.open svg .eyeline{
    display:inline-block;
}

.eyechange:hover svg{
    fill:#a39393;
}

.price_slide{
    width:100%;
    margin-bottom:25px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 3px solid #005EEB;
    background: #E6EFFD;
    border-radius:30px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, {
    border: 3px solid #005EEB;
    background: #E6EFFD;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #005EEB;
}

.ui-widget.ui-widget-content {
    border: 1px solid #E5EEF3;
}

.filter_item_tags{
    width: 100%;
    min-height: 46px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E3E7EE;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 12px;
    position: relative;
    padding:10px 13px 3px;
}

.filter_tag{
    padding:6px 10px;
    background: #25262D;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:7px;
    margin-right:5px;
}

.filter_tag.not_used{
    background:#969696;
}

.filter_tag_close{
    margin-left:10px;
    cursor:pointer;
}

.filter_tag_close:hover img{
    -webkit-filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
    filter: invert(28%) sepia(55%) saturate(4148%) hue-rotate(202deg) brightness(80%) contrast(101%);
}

.filter_modal .daterangepicker{
    flex-direction: column;
}
.filter_modal .modal_edit_bottom_ctrl{
    margin-top:16px;
    padding: 20px 24px 20px;
}

.mini_table_button{
    display: flex;
    white-space: nowrap;
    padding: 0 5px;
    height: 30px;
    font-size: 14px;
    margin-top: 7px;
    justify-content: center;
    align-items: center;
    border-radius:3px;
}

.mini_table_button.inwork_contract{
    background: #0CA62E;
    color:#fff;
}

.mini_table_button.inwork_contract:hover{
    background: #1cd845;
    color:#fff;
}

.remove_reserved_contract{
    background:#ff6060;
    text-align: center;
    color: #fff!important;
    height: 30px;
    font-size: 10px;
    line-height: 13px;
}

.remove_reserved_contract:hover{
    background:#fd3030;
    color: #fff!important;
}

.ct-labels .ct-label{
    margin-top:15px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}

.total_profit_line span{
    color:#000;
    white-space: nowrap;
}

.total_profit_line td{
    color:#000;
    padding: 10px 23px 8px 5px;
}

.user_dropdown_menu{
    background:#fff;
    box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.2);
    box-sizing: border-box;
    padding:10px 20px;
    position: absolute;
    left:8px;
    top:100%;
    border-radius: 0px 0px 3px 3px;
    display: none;
    width:230px;
    flex-direction: column;
}

.user_dropdown_menu a{
    font-size: 14px;
    line-height: 20px;
    color: #778192;
    display: flex;
    align-items: center;
    margin:5px 0;
}

.user_dropdown_menu a svg{
    margin-right:10px;
    width:14px;
    height:14px;
}
.user_dropdown_menu a:hover svg *{
    fill: #005EEB;
}
.user_dropdown_menu a:hover{
    color: #005EEB;
}

.sidebar_user_bio,.sidebar_avatar{
    cursor:pointer;
}

.sidebar_user_info:hover .user_dropdown_menu{
    display: flex;
}

td.sroki_mimo{
    color:#ff6060;
}

.user_comment_full{
    display: none;
}
.user_comment_open{
    font-size:12px;
    font-weight: 600;
    display: inline-block;
    width:100%;
    margin-top:3px;
    cursor:pointer;
}

.user_comment_open:hover{
    color:#005EEB;
}

/*  abraka */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 140px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
        float: left;
    }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border-width: 0 1px 1px 0;
}

.daterangepicker td.start-date.end-date{
    border-radius:2px;
}

.daterangepicker td.in-range {
    background: #E6EFFD;
    border-radius: 2px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #005EEB;
}

.montage_fields{
    display: none;
}
.montage_fields.open{
    display: flex;
}

.add_krugplus{
    width:26px;
    height:26px;
    border-radius:30px;
    background:#005EEB;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing:0;
    cursor:pointer;
    position: relative;
    margin-top:8px;
    margin-left:15px;
    flex-shrink: 0;
}

.add_krugplus:hover{
    background:#176dec;
    color:#fff;
}

.add_calc_buttonrow .add_krugplus{
    margin-top:0px;
    margin-left:0px;
    margin-right:17px;
}

.add_calc_buttonrow{
  background:#E6EFFD;
  margin-top:-16px;
  width:100%;
  padding:16px 24px;
  margin-bottom:24px;
  display:flex;
  align-items:center;
  cursor:pointer;
}

.add_calc_buttonrow p{
    font-size: 16px;
    line-height: 24px;
    color: #005EEB;
}

.add_calc_buttonrow:hover{
    background:#ecf4ff;
}
.add_calc_buttonrow:hover p{
    color:#176dec;
}
.add_calc_buttonrow:hover .add_krugplus{
    background:#176dec;
}

.editable_field_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal_side_calc_type .editable_field_row + .editable_doublefield_row,
.modal_side_calc_type_edit .editable_field_row + .editable_doublefield_row{
    margin-top:20px;
    border-top:0;
}

.editable_doublefield_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.editable_field_row input,.editable_field_row textarea{
    font-size: 20px;
    line-height: 30px;
    color: #1B1C22;
    padding:0;
    border:0;
    width:auto;
    outline:none;
}

.editable_field_row input:focus,.editable_field_row textarea:focus{
    border:0;
    border-bottom: 1px dashed #E3E7EE;
}

.editable_field_row .editable_block_for_input{
    font-size: 20px;
    line-height: 30px;
    color: #1B1C22;
    text-decoration-style: dashed;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    text-decoration-color:#E3E7EE;
    min-width:50px;
}

.editable_doublefield_row{
    height:62px;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    border-top:solid 1px #E3E7EE;
}

.editable_doublefield_row:not(.editable_doublefield_descr):hover{
    background:#FBFDFE;
}

.editable_doublefield_row.editable_doublefield_descr{
    margin-top:20px;
    border-top:0;
}

.editable_doublefield_row .cdouble_left{
    width:110px;
    padding-right:10px;
}

.editable_doublefield_row .cdouble_right{
    display: flex;
    align-items: center;
}

.editable_doublefield_row .cdouble_right span{
    margin-left:10px;
}

.editable_doublefield_row .cdouble_right_content,
.formula_body .cdouble_right_content,
.editable_doublefield_row .calcs_kef{
    width: 33px;
    min-width: 33px;
    border: 0;
    border-bottom: 1px dashed #E3E7EE;
    padding: 0;
    height: 25px;
}

.editable_doublefield_row .cdouble_right_content:focus,
.formula_body .cdouble_right_content:focus,
.editable_doublefield_row .calcs_kef:focus{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    min-width: 63px;
    max-width: 163px;
    height: 36px;
    background: #E5ECEF;
    border-radius: 6px;
    overflow: hidden;
}

.formula_body .cdouble_right_content,
.formula_body .cdouble_right_content:focus{
    min-width:87px;
}

.editable_doublefield_row .calcs_kef,
.editable_doublefield_row .calcs_kef:focus{
    width:40px;
    text-align: center;
    min-width:40px;
    max-width: 40px;
}

.editable_doublefield_row .remove_editable_full_row{
position: absolute;
    right:10px;
    top:24px;
}

.kef_pref{
    display: inline-block;
    margin-right:10px;
}

.editable_field_big{
    margin:30px 0 20px;
}

.editable_field_big.c_var{
    display: none;
}
[name=c_var]{
    width:190px;
}

.input_buffer{
    position: absolute;
    top: -1000px;
    right: -1000px;
    visibility: hidden;
    white-space: nowrap;
    opacity:0;
    display: inline-block;
    font-size: 14px;
    border: 0;
    padding: 0;
}

.editable_field_row.editable_field_big input::-webkit-input-placeholder,
.editable_field_row.editable_field_big textarea::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 30px;
}

.editable_field_row.editable_field_big input:-ms-input-placeholder,
.editable_field_row.editable_field_big textarea:-ms-input-placeholder {
    font-size: 20px;
    line-height: 30px;
}

.editable_field_row.editable_field_big input::-moz-placeholder,
.editable_field_row.editable_field_big textarea::-moz-placeholder {
    font-size: 20px;
    line-height: 30px;
}

.editable_field_row input::placeholder,
.editable_field_row textarea::placeholder {
    color: #778192;
}

.remove_editable_field_row,
.remove_editable_full_row{
    opacity:0.5;
    cursor:pointer;
    margin-left:15px;
}

.remove_editable_field_row:hover,
.remove_editable_full_row:hover{
    opacity:1;
}

.shuffle_val{
    min-width:35px;
}


.modal_window_block.calc_main_fields_list:not(.calc_main_fields_type),
.modal_window_block.calc_summ_fields_list{
    padding-top:0;
    margin-top:-16px;
    padding-bottom:0;
}

.calc_tab_title{
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    color: black;
    text-align: center;
    width:100%;
    margin:15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cccol_number {
    width: 75px;
}

.calc_tab_footer{
    height:56px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding:0 25px;
    width:100%;
    position: sticky;
    left:0;
}

.add_counts_rows{
    font-size: 13px;
    line-height: 18px;
    color: #778192;
}

.add_calc_row{
    font-size: 13px;
    line-height: 24px;
    color: #005EEB;
    cursor:pointer;
}

.add_calc_row:hover{
    color:#000;
}

.empty_calculators{
    width:100%;
    background:#fff;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding:100px 0;
    position: sticky;
    left: 0;
}

.empty_calculators img{
    margin-bottom:24px;
}

.empty_calculators_title{
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #1B1C22;
    margin-bottom:21px;
}

.empty_calculators_descr{
    font-size: 14px;
    line-height: 20px;
    color: #778192;
    margin-bottom:29px;
}

.blue_button.add_calc_type svg{
    margin-left:0;
    margin-right:10px;
}

.modal_side_calc .modal_edit_bottom_ctrl{
 padding-top:24px;
    margin-top:auto;
    margin-bottom:0;
}

.modal_side_calc_type .cdouble_left,
.modal_side_calc_type_edit .cdouble_left{
    width:100%;
}

.modal_side_calc_type .cdouble_right,
.modal_side_calc_type_edit .cdouble_right,.remove_form{
    display: none;
}

.cccol_row input{
    border:0;
    background:transparent;
    cursor: pointer;
    width: 50px;
    height: 30px;
    padding-left:10px;
    padding-right:10px;
    border: 1px solid #6cb2eb;
    border-radius: 2px;
}

.cccol_row input:focus{
    width: 50px;
    height: 30px;
    background: #E6EFFD;
    border-radius: 3px;
    font-size: 13px;
    color: #005EEB;
    border: 1px solid #005EEB;
}

.cccol_additional,
.cccol_additional{
    text-align: center;
}

.cccol_summ_for_one,
.cccol_quant,
.cccol_summ{
    text-align: right;
    width: 120px;
}

.content_line_calc th{
    padding: 12px 23px 12px 5px;
}

.content_line_calc input, .content_line_calc input:focus  {
    width: 65px;
}

.cccol_edit{
    width:25px;
}

.add_formula{
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border: 1.2px solid #005EEB;
    box-sizing: border-box;
    border-radius: 100px;
    margin-left: auto;
    margin-right: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.add_formula:hover{
    opacity:0.7;
}

.editable_doublefield_row:hover .add_formula{
    display: flex;
}

.formula_top_line,.formula_buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.formula_top_line{
    width:100%;
}

.formula_top_line .light_button {
    margin-right: 8px;
}

.formula_title{
    font-size: 20px;
    line-height: 25px;
    color: #1B1C22;
}

.modal_formula_block{
    display:none;
}

.formula_body{
    width:100%;
    height:36px;
    margin-top:25px;
    padding-bottom:10px;
    display: flex;
    align-items: center;
}

.total_for_one{
    display: flex;
    align-items: center;
    margin-left:0;
    margin-right:auto;
}

.total_for_one .total_for_one_price{
    margin-left:8px;
    font-size: 18px;
    color: #1B1C22;
}

.total_for_one > div{
    font-size: 18px;
    color: #778192;
}

.type_control{
    margin-left:20px;
    display: none;
    align-items: center;
    position:absolute;
    left:115%;
    top:50%;
    transform:translate(0%,-50%);
}

.calc_tab_title > div{
    position: relative;
}
.calc_tab_title:hover .type_control{
    display: flex;
}

.remove_calc_type_row{
    margin-left:10px;
}

.content_tabs .remove_calc_type_row{
    margin-right:-10px;
}

.welc_bott_contacts{
    width:100%;
    display: flex;
    justify-content: center;
}

.welc_bott_contact_inner_border{
    height:51px;
    width:1px;
    background:#DADDE4;
    margin:0 30px;
}

.welc_bott_contact_inner{
    margin-bottom:50px;
    display: flex;
    flex-direction: column;
}

.welc_bott_contact_inner span{
    font-size: 14px;
    line-height: 18px;
    color: #778192;
    display: inline-block;
    text-align: center;
    margin-bottom:12px;
}

.welc_bott_contact_inner a{
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #16242E;
}

@media all and (min-width: 1171px) {
  ::-webkit-scrollbar {
    width: 8px;
    position: relative;
    z-index: -1;
      height:8px;
  }

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  ::-webkit-scrollbar-thumb {
    background: #888;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
  .mobile_login_button{
      display: none;
  }
}

@media all and (min-width: 1171px) and (max-height:1170px){
    .section1{
        min-height: 100vh;
    }
}

@media all and (max-width: 1920px) {
  #main_content {
    margin: 0 20px;
  }

  #main_sidebar + #main_content {
    width: -webkit-calc(100% - 286px);
    width: calc(100% - 286px);
  }

  #main_sidebar.closed + #main_content {
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
  }

  .podriad_shapka_row .swipe2_form_field {
    margin-right: 20px;
    margin-bottom: 0px;
  }

  .montag_radio_row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .montag_radio_row span {
    width: 100%;
  }

  .montag_radio_row .form_field_checkbox:first-of-type {
    margin-left: 0px;
  }

  .technical_first_row .swipe2_form_field {
    /*margin-right: 20px;*/
  }

  .popular_tickets_item {
    width: -webkit-calc(20% - 15px);
    width: calc(20% - 15px);
  }

  .fast_stats_item {
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
  }

  .stats_half_block {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
  }

  .chart_row {
    margin-top: 30px;
  }
    .user_tab_name{
        width: 265px;
    }
    .user_tab_email {
        width: 250px;
    }
    .user_tab_ispolnitel {
        width: 200px;
    }
    .user_tab_role {
        width: 128px;
    }
}

@media all and (max-width: 1600px) {
    .technical_first_row{
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .technical_first_row .swipe2_form_field {
        margin-right: 0px;
        width: calc(50% - 20px);
    }
    .technical_first_row .swipe2_form_field:nth-of-type(3){
        margin-top:30px;
    }
    .files_row_block{
        margin-top:30px;
    }
  .podriad_about {
    width: 100%;
  }

  .podriad_stoimost {
    width: 100%;
    margin-top: 20px;
  }

  .podriad_stoimost .swipe2_form_field {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .tech_column {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .stats_half_block {
    width: 100%;
  }

  .stats_middle_line {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
    #fullpage .section{
        padding: 0 40px;
    }
}

@media all and (max-width: 1300px) {
  .technical_first_row .swipe2_form_field {
    margin-right: 0px;
  }

  .technical_first_row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .popular_tickets_item {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}

@media all and (max-width: 1170px) {
    .step_item.active{
       flex-direction:column;
    }

    .step_item_right{
        margin-left:0px;
        margin-top:40px;
    }
    .mobile_login_button{
        display:inline-flex;
        justify-content: center;
        align-items: center;
        height:50px;
    }
    .technical_first_row .swipe2_form_field {
        width:100%;
    }
    .technical_first_row .swipe2_form_field{
        margin-top:20px;
    }
    .technical_first_row .swipe2_form_field:nth-of-type(3){
        margin-top:20px;
    }
    .files_row_block {
        margin: 40px auto;
    }
    .technical_first_row.tech_print .swipe2_form_field:first-of-type, .technical_first_row.tech_montage .swipe2_form_field:first-of-type {
        width: calc(100% - 13px);
    }
    .tech_column {
        margin-top:0px;
    }

  .slick {
    height: 71px;
    z-index: 660;
  }

  #main_sidebar.closed {
    width: 246px;
  }

  #main_sidebar {
    position: fixed;
    top: 60px;
    left: -246px;
    z-index: 100;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
  }

  #main_sidebar .main_sidebar_inner {
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
  }

  #main_sidebar.open {
    left: 0;
    -webkit-box-shadow: 0px 0px 10px 1000px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 1000px rgba(0, 0, 0, 0.4);
  }

  .bottom_main_sidebar {
    display: none;
  }

  #main_sidebar + #main_content {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
  }

  #main_sidebar.closed + #main_content {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
  }

  .header_row .header_row_left,
  .header_row .header_row_right {
    width: 100%;
  }

  .header_row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header_row .header_row_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .header_row .header_row_left h1 + div {
    margin-top: 20px;
  }

  .header_row .header_row_right {
    margin-top: 20px;
  }

  .header_row .header_row_right .green_button {
    margin-left: 0;
  }

  .header_row .header_row_right .send_to_moderation {
    margin-left:0;
  }

  .page_title {
    margin-right: 0;
  }

  .podriad_shapka_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .podriad_shapka_row .swipe2_form_field {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .podriad_about .podriad_about_column > *:last-of-type {
    margin-bottom: 24px;
  }

  .podriad_about .podriad_about_column {
    width: 100%;
  }

  .slick {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .fast_stats_item {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .stats_half_block {
    margin-top: 20px;
  }
    #fullpage .section{
        padding: 0 20px;
    }
    .section1 h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .section1 p {
        font-size: 16px;
        line-height: 20px;
    }
    .section img.section_logo {
        margin: 60px auto 50px;
    }
    .section_title {
        font-size: 40px;
        line-height: 50px;
    }
    .welc_left_menu:not(.welc_left_menu_full){
        display: none;
    }
    #fullpage {
        width:100%;
        margin-left:0%;
    }
    .section1 h1 {
        font-size: 36px;
        line-height: 50px;
    }
    .step_item_title {
        font-size: 24px;
        text-align:center;
    }
    .step_item_text{
        text-align:center;
    }
    .step_item_ctrl button{
        margin:0 auto;
    }
    .steps_block {
        padding: 40px 0 0;
    }
    .step_item_num{
        margin:0 auto 25px;
    }
    .sect_ctrl{
        flex-direction: column;
        height: 190px;
    }
    .steps_panel {
        margin-top: 60px;
    }
    .steps_panel_item {
        padding-bottom: 30px;
    }
    .section_descr {
        font-size: 18px;
    }
    .faq_item {
        padding: 30px 25px 30px 26px;
    }
    .callback_form{
        max-width:100%;
    }
    .section4 {
        background: url(../img/sect4_bg.png) 50% 50% no-repeat;
        background-size: cover;
    }
    .welc_left_menu{
        padding: 50px 30px 40px;
    }
    .welc_auth_form.welc_auth_form_top {
        margin: 60px 0 30px;
    }
}

@media screen and (max-width: 1100px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 960px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (max-width: 960px) {
  .tech_column {
    width: 100%;
  }
}

@media screen and (max-width: 780px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (max-width: 767px) {
    .lines_limits{
        margin:0 auto;
    }
  .content_pagination_line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .pagination {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }

  .content_copyright_line {
    text-align: center;
  }

  .modal_window_ctrl .light_button {
    margin-left: 0;
  }

  .modal_window_ctrl {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .modal_window_ctrl_title {
    width: 100%;
    margin-bottom: 15px;
  }

  .form_block {
    padding: 25px 20px 34px;
  }

  .podriad_stoimost .swipe2_form_field {
    width: 100%;
  }

  .technical_first_row .light_button {
    margin-left: 0px;
    margin-top: 15px;
  }

  .tech_cntrl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tech_cntrl button:last-of-type {
    margin-top: 15px;
  }

  .form_page_ctrl {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px;
  }

  .popular_tickets_item {
    width: 100%;
  }

  .tickets_list_item {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tickets_list_item img {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .tl_item_ctrl {
    padding-left: 0px;
    width: 100%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
  }

  .tl_item_date {
    margin-bottom: 0px;
  }

  .fast_stats_item {
    width: 100%;
  }
  .header_row .header_row_right{
      flex-wrap:wrap;
  }
  .header_row .header_row_right .send_content_page_form {
      margin-top:20px;
      margin-right:0;
      margin-left:auto;
   }
    .section_title {
        font-size: 28px;
        line-height: 37px;
    }

}

@media screen and (max-width: 560px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}