* { margin:0px; padding:0px; box-sizing:border-box;outline:none;}
html, body, img, form, div, ul, ol, li, p, h1, h2, h3, a, table, td, code, pre, cite {margin:0px; padding:0px; border:none; }

body { font-size:16px; font-family: 'Montserrat'; }

.bg_index {width:100vw; min-height:100vh;  background-image:url(/img/bg_index.jpg); background-position:center center; background-repeat:no-repeat; background-size: cover; flex-wrap: wrap; display:flex; justify-content:center; align-items: center; color:#000; }
.form_auth {background-color:#e3e3e3; width:400px; padding:3%; color:#afafaf; border-radius:25px;}
.form_auth p {padding:5px 0px; margin:0px; color:#313131;}
.form_auth .logo {margin:3% auto; display:block; width:17%;}
.form_auth form {margin:50px 0px 30px 0px; }
.form_auth input {border:none; background-color:#e3e3e3;border-bottom:1px solid #313131; margin-bottom:10px; width:100%; padding:15px 5px; text-align:center; font-family: 'Montserrat';}
.form_auth button{border:none; background-color:initial; color:#313131; margin:15px auto 10px auto; display:block; position: relative; cursor:pointer; font-family: 'Montserrat'; font-weight: 600; display: flex;}
.form_auth button img {width:12px; margin-right:15px;}
/*.form_auth button::before {content:''; display:block; width:20px; height:100%; background-image:url(/img/submit.png); background-position:center center; background-repeat:no-repeat; background-size: cover; }*/

.version {width:100%; font-size:14px; text-align:right; padding:5px 10px 5px 10px; box-sizing: border-box;}
.version .text {margin-right:100px;}
.akkaunt + .version {position:absolute; bottom:10px; width:inherit;}
.akkaunt + .version .text {margin-right:0px;}

@media (max-width: 500px) {
	.form_auth {width:95%;}
}

.restore, .create_akk {font-size: 14px; font-family: 'Montserrat'; display:block; margin:0px auto; color:#313131; width:max-content; text-align:center; cursor:pointer; border-bottom:1px solid #e3e3e3;}
.form_auth .block1 {display:block; height:0px; width:0px; overflow:hidden; transition: all 0.5s ease;}
.form_auth .block1.active {height:auto;  width:100%;}
.form_auth .block2 {display:block; height:0px;  width:0px; overflow:hidden; transition: all 0.5s ease;}
.form_auth .block2.active {height:auto;  width:100%;}
.form_auth .buttons_2 {justify-content: space-between;}
.form_auth .block2 .button {margin:0px; background-color:#fff; border:1px solid #fff; transition: all 0.5s ease;}
.form_auth .block2 .button:hover {border-color:#5c94b5;}
/*.restore:hover {border-bottom:1px solid #000;}*/
.restore.active {border-bottom:1px solid #000}
#restore-form {overflow: hidden; height:0px; margin-top:5px; transition: all 0.5s ease; display:block;}
#restore-form.active {height:115px;}
#restore button{border:none; background-color:initial; color:#313131; margin:15px auto 10px auto; display:block; position: relative; cursor:pointer; font-family: 'Montserrat'; font-weight: 600; display: flex;}
#sbros-form {margin-top:10px;}
.form_auth .zag_form {padding-top:25px; font-weight:bold;}

.mess {display:none; text-align:center; margin:0px 0px 0px 0px; width:100%; font-size:12px; font-weight:bold;}
.m_err {color:#fe1b46 !important;}
.m_ok {color:#24ac2e !important;}
.cabinet .right .top_block .user_info a {color:#fff; display:flex; align-items: center; text-decoration:none;}
.action_status {width:100%; text-align:center; font-size:14px; font-weight:bold;}
.pad0 {padding:0 !important;}

:autofill {transition: all 100000s ease-in-out 0s;}
:-webkit-autofill {transition: all 100000s ease-in-out 0s;}

.buttons_pacient {display:flex; flex-wrap: wrap;}
.buttons_pacient .button {width:45%;display: flex;    align-items: center;    justify-content: center;}

.process {color:#fff; margin-top:5px; }

.nd_hamburger {
    width: 25px;
    height: 22px;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;
}
.nd_hamburger::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    top: -9px;
    left: -5px;
}
.nd_hamburger span {
  display: block;
  position: absolute;
  height: 2.2px;
  width: 50%;
  background: #5c94b5;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.nd_hamburger span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
.nd_hamburger span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}
.nd_hamburger span:nth-child(1), .nd_hamburger span:nth-child(2) {
  top: 1px;
}
.nd_hamburger span:nth-child(3), .nd_hamburger span:nth-child(4) {
  top: 10px;
}
.nd_hamburger span:nth-child(5), .nd_hamburger span:nth-child(6) {
  top: 18px;
}
.nd_hamburger.is-active span:nth-child(1),.nd_hamburger.is-active span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nd_hamburger.is-active span:nth-child(2),.nd_hamburger.is-active span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nd_hamburger.is-active span:nth-child(1) {
  left: 0;
  top: 5px;
}
.nd_hamburger.is-active span:nth-child(2) {
  left: calc(50% - 4px);
  top: 5px;
}
.nd_hamburger.is-active span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.nd_hamburger.is-active span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nd_hamburger.is-active span:nth-child(5) {
  left: -1px;
  top: 14px;
}
.nd_hamburger.is-active span:nth-child(6) {
  left: calc(50% - 4px);
  top: 13px;
}


.cabinet {display:flex; height:100vh;}
.cabinet .left {width:16%; background-color:#fff; min-width:250px;}
.cabinet .left .logo {margin:50px auto; width:120px; display:block;}
.nd_hamburger {display:none;}
.cabinet .left .menu {margin:20px 0px 20px 0px; width:100%;}
.cabinet .left .menu a {font-size:13px; color:#000; text-decoration:none; font-weight: 600; display:flex; width:92%; padding:20px 0px 20px 40px; margin:5px 0px; border:1px solid #fff; border-left:none; border-radius:0px 35px 35px 0px;align-items: center; transition: all 0.4s ease;}
.cabinet .left .menu a.active, .cabinet .left .menu a:hover {border-color:#5c94b5}
.cabinet .left .menu a img {height:20px; margin-right:15px;}


.cabinet .right {position:relative; padding:0px 2%; width:84%; background-color:#c9ced2; background-repeat:no-repeat; background-image:url('/img/bg_lk.png'); background-position:20% 0%;  background-size: 25%;}
.cabinet .right .top_block {display:flex; margin:20px auto; justify-content: space-between; color:#fff; align-items: center; }
.cabinet .right .top_block .name_page {color:#fff; font-weight:600; letter-spacing:4px; text-transform: lowercase; padding-left: 5%; font-size: 19px;}
.cabinet .right .top_block .user_info {color:#fff; font-size:13px; padding-right:3%; display:flex; align-items: center;}
.cabinet .right .top_block .user_info img {padding:7px 8px; border:1px solid #fff; border-radius:10px; margin-left:10px; height:32px; }
.cabinet .right .razdely_poisk {display: flex; width:100%; padding:15px 3% 15px 5%; background-color:#fff; border-radius:15px; justify-content: space-between; color:#fff; align-items: center;}
.cabinet .right .razdely_poisk .razdely {width:100%;}
.cabinet .right .razdely_poisk .razdely a{padding-bottom:3px; border-bottom:1px solid #fff; text-decoration:none; font-weight:500; margin-right:6%; color:#000; font-size:13px; transition: all 0.4s ease;}
.cabinet .right .razdely_poisk .razdely a.active, .cabinet .right .razdely_poisk .razdely a:hover {border-bottom:1px solid #5c94b5;}
.poisk {border:1px solid #5c94b5; border-radius:20px; display:flex; align-items: center; padding:2px 5px; line-height:0px;}
.poisk button {border:none; background-color:initial; line-height: 0; cursor:pointer;}
.poisk input {border:none; padding:3px 5px; min-width:175px;}
.poisk img {height:16px;}
.cabinet .right .pacients {background-color:#fff; border-radius:15px; margin:25px 0px 10px 0px; padding:0px 20px; position:relative;}
.cabinet .right .pacients .header {position:initial; padding:20px 0px; width:100%; }
.cabinet .right .pacients .spisok {/* overflow-x: auto;  top: 60px; */   height: calc(100% - 70px);    position: relative;}
.line {display:flex; width:98%; align-items: center;}
.line .block1 {width:10%;}
.line .block2 {width:17%;}
.line .block3 {width:14%;}
.line .block4 {width:19%;}
.line .block5 {width:35%;}

.line.tech_akk .block1 {width:10%;}
.line.tech_akk .block2 {width:12%;}
.line.tech_akk .block3 {width:10%;}
.line.tech_akk .block4 {width:14%;}
.line.tech_akk .block4_doctor {width:12%;}
.line.tech_akk .block4_manager {width:12%;}
.line.tech_akk .block5 {width:26%;}

.name_column {font-size:13px; font-weight:600; padding-left:25px;position: relative; cursor:pointer;}
.name_column:after {content: ''; display: block; width: 15px; height: 10px; left: 0; top: 2px; background-repeat: no-repeat; background-image: url(/img/arr_t.png); position: absolute;    background-size: cover; transition: all 0.4s ease;}
.a_sort.active .name_column:after {background-image: url(/img/arr_t_blue.png);}
.a_sort:not(.active) .name_column:hover:after {transform: rotate(90deg);}
.a_sort.trans .name_column:after {transform: rotate(180deg);}
.name_column.no_active:after {display:none;}
.a_sort {text-decoration:none;}
.a_sort .name_column {text-decoration:none; color:#000; }
.a_sort.active .name_column {color:#5c94b5;}
.podmenu {display:none; position:absolute; padding:10px 10px 10px 10px; z-index:2; background-color:#fff; border-radius:0px 0px 15px 15px; width:100px;}
.podmenu .container {margin:0px 0px 0px 0px;}
.podmenu .container .checkmark_name {margin-left:10px; font-size:13px; vertical-align: middle;}
.podmenu div {margin:5px 0px;}
/*
.podmenu .container .checkmark {width:15px; height:15px;}
.podmenu  .container .checkmark:after {top:-2px; left:3px;}
*/

.name_column:hover .podmenu {display:block;}
.cabinet .right .pacients .spisok .elm {cursor:pointer; overflow:hidden;  font-size:13px; background-color:#f5f5f5; border-radius:50px;  display:flex; padding:6px 0px; border:1px solid #fff; transition: all 0.4s ease; margin-bottom:25px; min-height: 80px;}
.cabinet .right .pacients .spisok .elm.arhive {border:1px solid #3a3a3a;}
.cabinet .right .pacients .spisok .elm.doing {border:1px solid #df302d; background-color:#fff;}
.cabinet .right .pacients .spisok .elm .block1 img {border:1px solid #5c94b5;padding:10px 11px; border-radius:10px; margin-left:10px; height:38px; }
.people_img {padding:0px; border:1px solid #5c94b5;background-size: 100%;
    background-repeat: no-repeat; border-radius:10px; margin-left:10px; height:38px; width:38px; background-position: center;background-size: cover;}
.cabinet .right .pacients .spisok a {text-decoration:none; color:#000; display:block;}	
.cabinet .right .pacients .spisok .elm .block1 {display:flex; align-items: center; }
.cabinet .right .pacients .spisok .elm .block2 {padding-left:25px;}
.cabinet .right .pacients .spisok .elm .block3 {padding-left:25px;}
.cabinet .right .pacients .spisok .elm .block4 {padding-left:25px;}
.cabinet .right .pacients .spisok .elm .block4_doctor {padding-left:25px;}
.cabinet .right .pacients .spisok .elm .block4_manager {padding-left:25px;}
.cabinet .right .pacients .spisok .elm .block5 {padding-left:25px;}

/*
.cabinet .right .pacients .spisok .elm.tech_akk .block1 {display:flex; align-items: center; }
.cabinet .right .pacients .spisok .elm.tech_akk .block2 {padding-left:5px;}
.cabinet .right .pacients .spisok .elm.tech_akk .block3 {padding-left:5px;}
.cabinet .right .pacients .spisok .elm.tech_akk .block4 {padding-left:5px;}
.cabinet .right .pacients .spisok .elm.tech_akk .block4_doctor {padding-left:5px;}
.cabinet .right .pacients .spisok .elm.tech_akk .block4_manager {padding-left:5px;}
.cabinet .right .pacients .spisok .elm.tech_akk .block5 {padding-left:5px;}
*/

.cabinet .right .pacients .spisok .elm.active, .cabinet .right .pacients .spisok .elm:hover {border:1px solid #5c94b5; background-color:#fff;}
.cabinet .right .pacients .spisok .elm.arhive:hover {border:1px solid #3a3a3a;}
.cabinet .right .pacients .spisok .elm.doing:hover {border:1px solid #df302d; background-color:#fff;}

.status {width:100%; display:flex;margin-bottom:20px; }
.status .step {width:33.3%; height:7px; background-color:#c9c9c9; border-radius: 5px; position:relative; }
.status .step:before {display:block; content:''; width:16px; height:16px; z-index:1; border:1px solid #fff; border-radius:50%; background-color:#c9c9c9; top:-5px; right:-5px; position:absolute; background-repeat: no-repeat; background-image: url(/img/no.png);background-size: 100%; background-position: 1px center;}
.status .step:after {display:block; content:''; top:10px; position:absolute; font-size:10px; text-align: center; left:50%; width:100%;}

.status .step1:after {content:'Исходные данные';}
.status .step2:after {content:'Согласование виртуального сетапа';}
.status .step3:after {content:'Отправка';}
.status .step1.active {background-color:#b7e3fd}
.status .step1.active:before {background-color:#b7e3fd; background-image: url(/img/ok.png);}
.status .step2.active {background-color:#63acd2}
.status .step2.active:before {background-color:#63acd2; background-image: url(/img/ok.png);}
.status .step3.active {background-color:#4f809c}
.status .step3.active:before {background-color:#4f809c; background-image: url(/img/ok.png);}

.status .step_v2_1:after {content:'Исходные данные';}
.status .step_v2_2:after {content:'Готовый кейс';}
.status .step_v2_3:after {content:'Согласование кейса';}
.status .step_v2_4:after {content:'Отправка';}
.status .step_v2_1.active {background-color:#b7e3fc}
.status .step_v2_1.active:before {background-color:#b7e3fc; background-image: url(/img/ok.png);}
.status .step_v2_2.active {background-color:#94d8ff}
.status .step_v2_2.active:before {background-color:#94d8ff; background-image: url(/img/ok.png);}
.status .step_v2_3.active {background-color:#64acd2}
.status .step_v2_3.active:before {background-color:#64acd2; background-image: url(/img/ok.png);}
.status .step_v2_4.active {background-color:#4e809b}
.status .step_v2_4.active:before {background-color:#4e809b; background-image: url(/img/ok.png);}

.cabinet .right .dobavit {background-color:#fff; border-radius:15px; margin:10px auto; padding:40px 20px 20px 20px; position:relative; width:50%;}
.photo_block {border:1px solid #c9ced2; border-radius:25px; margin:20px auto; max-width:250px; padding:10px 0px;}
.photo_block .reset_search {text-align:left; width:80%; margin:0px auto; display: flex;}
.photo_block .reset, .photo_block .search { display:block; margin:0px 10px 5px 0px; cursor:pointer; display:flex; align-items:center;}
.photo_block .reset img, .photo_block .search img {height:15px; }
.photo_block .reset input, .photo_block .search input {display:none;}
.photo_block .reset span, .photo_block .search span {margin-left:10px; font-size:12px;}
.photo_block .bg_photo {width:100%; min-width:200px; min-height:200px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.buttons_2 {display:flex; width:100%; margin:20px 0px 20px 0px; justify-content: space-around;}
.button {text-decoration:none; color:#000; display:block; width:max-content; border:1px solid #f5f5f5; background-color:#f5f5f5; transition: all 0.4s ease; padding:5px 10px; font-weight:600; text-align:center; margin:0px 5px; border-radius:15px; font-size:13px; cursor:pointer;}
.button.active {border:1px solid #5c94b5; background-color:#fff; box-shadow:0 0 3px #5c94b5; }
.button_big {padding:10px 15px;}

.form_cabinet {max-width:300px; margin:40px auto 20px auto;}
.form_cabinet input {border:none; border-bottom:1px solid #313131; display:block;  width:90%; margin:0px auto 10px auto; padding:5px 5px 10px 5px; text-align:center; font-family: 'Montserrat'; font-size:12px;}
.input-container {position:relative;}
.input-container:after {display:block; content:''; position:absolute; background-repeat: no-repeat; background-image: url(/img/calendar.png);background-size: 100%; background-position: center center; width:15px; height:15px;top: 5px;    left: 25px;}
.dobavit_select {margin:40px 0px; }



.profile {display:flex; margin:10px auto; width:90%; flex-direction: row;}
.profile_left {background-color: #fff; border-radius: 15px;	margin-right:1%; padding: 40px 20px 20px 20px; position: relative; width:49%;}
.profile_left_scroll {height:100%; position: relative;}
.profile_right {background-color: #fff; border-radius: 15px;	margin-left:1%; padding: 40px 20px 20px 20px; position: relative;  width:49%;}
.profile_right_scroll {height:100%; position: relative;}

.ot_profile {margin:60px 0px 100px 0px;}
.info_clinik {display:flex; margin-bottom:20px; padding-right:25px;}
.info_clinik label {margin:12px 30px 0px 20px;}
.info_clinik label input {display:none;}
.info_clinik label .checkmark {border-color:#c9ced2; transition: all 0.4s ease;}
.full_info_clinik {width:100%;}
.full_info_clinik input, .input_blue {transition: all 0.4s ease; border:1px solid #c9ced2; border-radius:30px; padding:11px 18px; margin-bottom:25px; font-weight:600; width:100%; color:#323232; font-size:14px; font-family: 'Montserrat'; min-height:50px;}
.full_info_clinik textarea {transition: all 0.4s ease; border:1px solid #c9ced2; border-radius:30px; padding:11px 18px; margin-bottom:10px; resize:none; height:100px;  font-weight:600;  width:100%; color:#323232; font-size:13px;font-family: 'Montserrat'; overflow: hidden; display: flex; align-items: center; text-align: middle; }
.info_clinik.active  label .checkmark {border-color:#5c94b5}
.info_clinik.active .full_info_clinik input, .input_blue {border-color:#5c94b5}
.info_clinik.active .full_info_clinik textarea {border-color:#5c94b5}

.pacient {display:flex; margin:10px auto; width:99%; flex-direction: row;}
.pacient_left {background-color: #fff; border-radius: 15px;	margin-right:1%; padding: 20px 20px; position: relative; width:74%;}
.pacient_right {	margin-left:1%; position: relative;  width:24%; display:flex; flex-direction: column; justify-content: space-between;}
.pacient_right_1 {background-color: #fff; border-radius: 15px; padding: 20px 20px; position: relative;  width:100%; margin-bottom:3%; height:57%}
.pacient_right_2 {background-color: #fff; border-radius: 15px; padding: 20px 20px; position: relative;  width:100%;  height:40%}
.select2-container {margin-bottom:25px !important;}

.info_pacient, .commetns, .dates, .akkaunt_line {border: 1px solid #5c94b5; border-radius: 25px; padding:20px; }
.commetns {margin:15px 0px; display:flex;}
._3d_scene {margin:0px 0px 15px 0px; display:flex;}
#new_comments, #new_3d_scene_link {margin-left:20px; cursor:pointer; margin-top:15px; width:20px;}
#new_comments img, #new_3d_scene_link img {width:100%;}
.commetns input, ._3d_scene input {border:none; border-bottom:1px solid #313131; display:block;  width:100%; margin:0px auto 10px auto; padding:5px 5px 10px 5px; font-family: 'Montserrat'; font-size:13px;}
.info_pacient .photo_block {margin:0px 20px 0px 0px; /*max-width:200px;*/}
.pacient_left .status { padding:20px 40px 20px 20px;}
.info_pacient .photo_block .bg_photo {/*min-height:150px;*/}
.info_pacient .photo_block .bg_photo.otstup {margin:15px 0px;}
.info_pacient {display:flex; justify-content: space-between; }
.album {width:300px; height:300px; position: relative;}
.album .elm { margin: 0px 4% 4% 0px; width: 29%; float:left; position:relative;}
.album .elm img {width:100%; border:1px solid #c9ced2; border-radius:15px; overflow:hidden;}
.album .elm a {position:relative; width:100%; border:1px solid #c9ced2; border-radius:15px; overflow:hidden; display:block; height:10vh; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.album .elm a:after {content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#ccc; opacity:0; display:block; transition: all 0.4s ease;}
.album .elm a:hover:after {opacity:0.7;}

.info_pacient .all {display:flex; }
.info_pacient .text_info {display:flex;  flex-direction: column; /* align-self: center; */}
 .text_info .fio {font-weight:bold; margin-bottom:20px;}
 .text_info .other {font-size:13px;}
 .text_info .other b {font-weight:600;}
 .text_info .other p {margin-bottom:10px;}
.text_info .button {margin-top:20px; padding: 10px 15px;}
.dates { position: relative;}
.dates .elements { position: relative; /*height:100px;*/}
.dates .elm {border: 1px solid #c9ced2; border-radius: 50px; margin-bottom:20px; width:95%; font-weight:600; font-size:13px; padding:10px 25px; display:flex; transition: all 0.4s ease; cursor:pointer;}
.dates .elm:hover {background-color:#c9ced2}
.dates .elm .date {margin-right:10%;}

.akkaunt {display: flex; margin: 10px auto; width: 99%; flex-direction: row;}
.akkaunt_left {background-color: #fff; border-radius: 15px;	margin-right:1%; padding: 20px 20px; position: relative; width:74%; }
.akkaunt_right {	background-color: #fff; border-radius: 15px; margin-left:1%; position: relative;  padding: 20px 20px; width:24%; }
.a_button {transition: all 0.4s ease;
    border: 1px solid #5c94b5;
    border-radius: 30px;
    padding: 5px 18px;
    font-weight: 600;
    width: 100%;
    color: #323232;
    font-size: 13px;
	text-decoration:none;transition: all 0.4s ease;
    font-family: 'Montserrat';
	min-height:50px;
	display:flex;
	align-items:center;
	margin-bottom: 25px !important;}
.a_button:hover {box-shadow:0 0 3px #5c94b5;}
.akkaunt_left .photo_block, .info_pacient .photo_block {margin:0px 20px 0px 0px; height: max-content; overflow: hidden;}
.info_pacient.akkaunt_line {justify-content: initial; }
.akkaunt_name_clinik {display:flex;}

.chat {display:none; padding:20px; z-index:5; background-color:#eeecee; border-radius: 15px; width:400px; height:calc(100vh - 120px); position:absolute; right:3%; bottom:5%;}
.chat.active {display:block;}
.chat_toogle {cursor:pointer;}
.chat .chat_toogle {float:right;}
.chat .white {background-color:#fff; border-radius: 15px; width:100%; height:calc(100% - 35px); margin-top:35px; border:1px solid #5c94b5; }
.chat .poisk {width:70%; margin:20px auto; }
.start_people_chat {padding:5px 10px 5px 0px; width:90%; border:1px solid #fff; font-size:13px; font-weight:600; display: flex; align-items: center; cursor:pointer; transition: all 0.4s ease; border-left:none; border-radius: 0px 35px 35px 0px; margin-bottom:5px;}
.start_people_chat:hover {border-color:#5c94b5;}
.start_people_chat img {border: 1px solid #5c94b5;
    padding: 10px 11px;
    border-radius: 10px;
    margin: 0px 15px 0px 20px;
    height: 38px;}
.all_people_chat.disable, .view_chat {display:none;}
.view_chat.active {display:block; }
.loader {display:flex; justify-content:center; height:100%; padding-top:40px;}
.loader img {width:50px; height:50px;}
.chat_info {padding:0px 35px 20px 20px; width:100%; height:100%; position: relative; font-size:13px; margin-right: 20px;}
.close_people_chat {margin-left:20px; cursor:pointer; font-size:13px; font-weight:600; margin-bottom:10px; transition: all 0.4s ease; border-bottom:1px solid #fff; width: max-content; padding-bottom:5px;}
.close_people_chat:hover {border-bottom:1px solid #000;}
.close_people_chat img{width:10px; margin-right:10px;}
.chat_ot_r {padding-right:20px;}
.scroll_chat {height:200px;}
.chat_new_message {font-family: 'Montserrat'; font-size:13px; margin:25px 0px 15px 20px; width:calc(100% - 20px); border-radius:15px; border:1px solid #c9ced2; padding:20px; height:100px }
.chat_new_message textarea {font-weight:500; font-family: 'Montserrat'; font-size:13px;  resize:none; height:40px; border:none; width:100%; margin-bottom:10px; }
.chat_new_message textarea::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.chat_new_message img {margin-right:10px;}
.chat_info {font-size:13px; font-weight:500; }
.chat_info .chat_line {width:50%; display:block; margin:30px auto; height:1px; background-color:#c9ced2; }
.chat_info_left {color:#5d95b6; width:100%;}
.chat_info_left .chat_user_info {text-align:left; margin-right: 15px;}
.chat_info_right {text-align:right;}
.chat_info_right .chat_user_info {text-align:right; margin-left: 15px;}
.chat_info .header {display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:15px; line-height:1.5}
.chat_info .func {position:relative;}
.chat_info .func .img_edit {top:10px;width:14px; height:8px; transition: all 0.4s ease; background-image:url(/img/chat_arr_b.png); background-position:center center; background-repeat:no-repeat; background-size: cover; display:block; cursor:pointer;z-index:4; position:relative;}
.chat_info .chat_info_left .func .img_edit {right:10px;}
.chat_info .chat_info_right .func .img_edit {left:10px;}
.chat_info .func.active .img_edit {transform: rotate(180deg);}
.chat_info .func .edit {background-color:#fff; z-index:3; position:absolute; top:0px; width:auto;display:none; transition: all 0.4s ease; border:1px solid #c9ced2; border-radius:15px; padding:30px 10px 10px 10px; }
.chat_info .chat_info_left .func .edit {right:0px;}
.chat_info .chat_info_right .func .edit {left:0px;}
.chat_info .func.active .edit { display:block;}
.chat_info .func .edit a {text-decoration:none; font-size:13px; color:#000;}

.pacient_menu {margin-bottom: 30px;}
.pacient_menu a {    padding-bottom: 3px;    border-bottom: 1px solid #fff;    text-decoration: none;    font-weight: 500;    margin-right: 6%;    color: #000;    font-size: 13px;    transition: all 0.4s ease; }
.pacient_menu a.active, .pacient_menu a:hover {    border-bottom: 1px solid #5c94b5; }
.info_pacient_2 .text_info {    align-self: initial; width:100%;}
.info_pacient_2 .all {width:100%;}

.button_checkbox {width: 100%; display: block;}
.button_checkbox input {display:none;}
.button_checkbox label {transition: all 0.4s ease;
	cursor:pointer;
    border: 1px solid #c9ced2;
    border-radius: 30px;
    padding: 11px 18px;
    margin: 2px 2px 30px 2px;
    font-weight: 600;
	display:block;
    width: calc(100% - 4px);
    color: #323232;
    font-size: 13px;
    font-family: 'Montserrat';}
.button_checkbox label:hover {border-color:#5c94b5;}
.button_checkbox input:checked+label {border-color:#5c94b5; background-color: #fff; box-shadow: 0 0 3px #5c94b5;}

.new_chat {background-color:#fff; margin:25px auto 10px auto; padding:5px 35px; border:1px solid #c9ced2;}
.tehnik_text {font-size:13px; padding: 0px 20px; margin-top:25px; border:none; height:60px; width:100%; font-family: 'Montserrat'; align-items:flex-end; display:flex; overflow-y: auto;}
.load_upload {margin-left:10px;}
.obvodka {border: 1px solid #5c94b5;     border-radius: 25px;    padding: 20px; width:100%; margin:0px 0px 25px 0px; display:flex; justify-content: space-between; }
.obvodka .line_two {display:flex; flex-direction: column;}
.obvodka .line_two .line1 {margin:0px 5px 15px 5px;}
.obvodka .line_two .line2 {display:flex; justify-content: space-between;}
.load_upload .button {background-color:#fff;  border:1px solid #c9ced2;}
.load_upload .container {margin:0px 30px 0px 0px;}

.upp {text-transform:uppercase !important;}
.soglasovano {margin-right:25%; background-color:#fff; color:#000; border-radius:10px; padding:5px 25px; }
.pdf {padding:20px;}
.pdf_img {display:block; width:100%;}
.pdf_img .elm {width:33%; float:left;}
.pdf_img .elm .info {max-width:80%; position:relative; margin:10% auto;}
.pdf_img .elm img {display:block; width:100%;}
.pdf_all {position:relative; height:100%;}
.poloska {clear:both; margin:20px 0px; width:100%; height:4px; background-color:#5c94b5}
.pdf_all .text_info  {padding-right:25px;}
.but_comment {position:absolute; left:15px; top:15px; background-color:#fff; border-radius:50% 50% 50% 0; padding:7px; box-shadow:0px 0px 10px #ccc; cursor:pointer;}
.bukva {min-width: 30px; border:1px solid #5c94b5; border-radius:50%; color:#5c94b5; font-weight:bold; padding:5px; width:30px; height:30px; text-align:center; }
.but_comment_info {display:none;padding: 20px;
    z-index: 5;
    background-color: #fff;
    border-radius: 35px 35px 35px 0px;
    width: 300px;
	height:300px;
    position: absolute;
    left: calc(50% - 150px);
    top: calc(50% - 150px);
	box-shadow:0px 0px 10px #ccc;
	}
.but_comment_info.active {display:block;}
.but_comment_info .close_comment {
    float: right;
	margin-bottom:5px;
	cursor:pointer;
}
.but_comment_info .text {clear:both; height:calc(100% - 40px); overflow-x: auto;}
.comment_info {display:flex;}
.comment_info .bukva {margin-right:10px;}
.comment_info .opis {color:#232323;}
.comment_info .comment_info_doc .fio {font-weight:bold; margin-bottom:1px;}
.comment_info .comment_info_doc .fio span  {font-size:13px;}
.comment_info .comment_info_doc .date {font-size:13px; color:#c4c4c4; margin-bottom:10px;}
.comment_info .comment_info_doc .txt {padding-right:5px; font-size:13px;}
.flex_opis {display:flex; justify-content: space-between; margin:30px 0px; font-size:13px;}
.flex_opis div {text-align:center; width:33%;}
.big_button {width:50%; float:right; text-align:center; padding:20px 10px; font-size:18px; color:#fff; background-color:#5e99c5; margin-bottom:20px;}

.tech_index {margin:20px 0px; background-color:#fff; border-radius: 15px; width:100%; position: relative;}
.many_elm {display:flex; padding:40px 10px 20px 0px;}
.many_elm .elm {width:33%; padding-right:30px;}
.many_elm .elm.last {padding-right:0px;}
.many_elm .elm .line {display:flex; justify-content: space-between; margin-bottom:20px;}
.many_elm .elm .line .line_left {font-weight:600; font-size:12px;}
.many_elm .elm .line .line_right {width:65%; }
.many_elm .select2-container { margin-bottom:0px !important; }
.many_elm .select2-container .select2-selection--single { height:30px; }
.many_elm .select2-container--default .select2-selection--single .select2-selection__arrow {top:11px;}
.many_elm .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px;}
.many_elm .select2-container--default .select2-selection--single {border-radius:15px;}
.many_elm .input-container input { border: 1px solid #5c94b5;    border-radius: 20px; width:100%; padding:6px 15px 6px 30px;}
.many_elm .input-container:after {left:10px; top:7px;}

.tech_index_ot {padding:20px; height: 100%; position: relative;}
.scroll5 {height: 100%; position: relative;}

.tech_elm3 {width:100%; display:flex; justify-content: space-between; align-self: stretch; align-content: center;}
.tech_elm3_elm {/*width:33.3%;*/ font-weight:600; font-size:12px; display:flex; line-height: 29px;}
.tech_elm3_elm input {max-width:80px; border: 1px solid #5c94b5;    border-radius: 20px;    display: flex;    align-items: center;    padding: 6px 10px;    line-height: 0px; width:100%;}
.tech_elm3_elm .container {margin:0px; font-size:16px;} 
.tech_elm3_elm .container .checkmark {width:29px; height:29px;}
.tech_elm3_elm .container .checkmark:after {left: 9px; top: -2px;}
.tech_status {display:flex;justify-content: space-between; align-items: center;}
.tech_status_left {font-weight:600; font-size:12px;}
.tech_status_right {background-color:#f5f5f5; border-radius:15px; width: 87%; margin-right: 2.5%; padding:5px 10px; display:flex;justify-content: space-around;}
.tech_status_right a {font-weight:600; font-size:12px; color:#000; text-decoration:none; }

.top_slider {height:50px; position: relative; display:flex; overflow: hidden;}
.top_slider .swiper_data {width:calc(100% - 100px); }
/*.swiper-container {cursor:grab;}*/
.top_slider .prev_next {width:100px; position: relative; background-color:#fff; z-index:1; margin-left:10px;}
.top_elm_info {position:relative; /*min-width:100px;*/ background-color:#f5f5f5; border-radius:15px; padding:8px 35px 8px 20px; font-weight:600; font-size:12px;}
.top_elm_info .close_elm {position:absolute; background-color:#f5f5f5; z-index:1; top:9px; right:13px; cursor:pointer; }

.poisk .select2-container {margin-bottom:0px !important; min-width:250px;}
.poisk .select2-container--default .select2-selection--single {border:none;}
.poisk  .select2-container .select2-selection--single {height:initial;}
.poisk  .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:initial;}
.poisk  .select2-container--default .select2-selection--single .select2-selection__arrow {top: 3px; right: 16px;}


::-webkit-scrollbar { width: 5px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #5c94b5; display:none; }
::-webkit-scrollbar-track {  background-color: #222; }
::-webkit-scrollbar-track-piece { background-color: #2c343b; }
::-webkit-scrollbar-thumb { background-color: #5c94b5;}
::-webkit-scrollbar-corner { background-color: #222;}
::-webkit-resizer { background-color: #5c94b5; }	

.new_header {top:0; left:0; width:100%; height:70px; position:fixed; padding:0px 5%; display:flex; align-items:center; justify-content: space-between; background-color:#fff; border-radius:0 0 25px 25px; }
.new_header .logo {width:40px; }
.enter_vhod {background-color:#fff; border:1px solid #8d9b9f;}
.mt40 {margin-top:65px;}
.form_auth_hid { display:none;}
.form_auth_hid.active {display:block;}
.new_zayavka {display:none; background-color:#ffffff;  border-radius:25px; padding:20px 50px; max-width:800px; margin-left:auto; margin-right:auto; margin-top:80px;}
.new_zayavka.active {display:block;}
.new_zayavka input {border:none; font-size:40px; border-bottom:1px solid #96a3a7; padding:20px 0px; color:#313131; text-transform:uppercase; width:100%;}
.new_zayavka input:-moz-placeholder {color:#313131;}
.new_zayavka input:-ms-input-placeholder {color:#313131;}
.new_zayavka input::-webkit-input-placeholder {color:#313131;}
.new_zayavka input::-moz-placeholder {color:#313131;}
.new_zayavka .button {padding:8px 40px; border:1px solid #8d9b9f; background-color:#fff; font-size:14px; color:#313131; letter-spacing: 0.5px;}
.new_zayavka button.button {text-transform:uppercase;}
.new_zayavka .hr { margin:20px 0px 20px 0px; height:1px; background-color:#96a3a7;}
.new_zayavka .mess {text-align:left; margin-bottom:15px;}

.new_zayavka .policy input {z-index:-1; position: absolute; margin: 0px; padding: 0px;}	

.new_zayavka .container {font-size: 12px; font-weight: 600;}	

.policy .policy_div {position:relative; display:block; margin-bottom:10px;}
.policy .policy_text {    z-index: 4;
    display: block;
    position: relative; cursor:pointer;}
.new_zayavka .checkmark {
    position: absolute;
	cursor:pointer;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #313131;
    border-radius: 50%;
}
.new_zayavka .checkmark {top:initial; left:initial; }	
.new_zayavka .checkmark:after {  content:'●';  color:#313131; left:3px; top:-3px;}
.new_zayavka input:checked ~ .checkmark:after {  display: block; }
.flex_right {display:flex; justify-content: right; margin-bottom:15px;}

@media (max-width: 1150px) {
	.akkaunt_line {flex-direction: column;}
	.akkaunt_left .photo_block {margin:0px auto 30px auto;}
}
@media (max-width: 768px) {
	.but_politics a {display:block; text-align:center;    margin-bottom: 10px;    font-size: 14px;}
	.but_politics span {display:none;}
	.new_zayavka input {font-size:20px;}
	.new_zayavka .button { margin: 0px auto;}
	.version {text-align: center;}
	.version .text {margin:0px 0px 20px 0px;}
	.flex_opis {flex-direction: column; margin:15px 0px;}
	.flex_opis div {width:100%; padding:7px 0px;}
	.big_button {width:100%; font-size:14px;}
	.pdf_img .elm {width:100%;}
	.cabinet .right .top_block .user_info {display:flex; flex-direction: column-reverse;}
	.soglasovano {margin-right:0px; margin-top:20px;}
	.obvodka {flex-direction: column;}
	.obvodka .button {width:100%; margin-bottom:20px;}
	.obvodka .button:last-child {margin-bottom:0px;}
	.obvodka .line_two .line2 {flex-direction: column;}
	.chat {width:96%; left:2%; right:2%;}
	.akkaunt {flex-direction: column;}
	.akkaunt_left {width:100%; margin:0px 0px 3% 0px;}
	.akkaunt_right {width:100%; margin:0px;}
	.info_pacient {flex-direction: column;}
	.info_pacient .all {flex-direction: column;}
	.info_pacient .photo_block {margin:0px auto 20px auto; }
	.info_pacient .text_info {margin-bottom:20px;}
	.dates .elements {height:150px;}
	.dates .elm {width:90%;}
	.album {width:100%;}
	.pacient {width:94%; margin:0px auto; flex-direction: column;}
	.profile {flex-direction: column; width:100%; }
	.pacient_left {width:100%; margin:0px 0px 3% 0px;}
	.pacient_right {width:100%; margin:0px;}
	.profile_left {margin:0px 0px 20px 0px; width:100%;}
	.profile_right {margin:0px 0px 20px 0px; width:100%;}
	.nd_hamburger {display:block; position: absolute; top: 30px; right: 30px;}
	.cabinet .left .menu {margin:0px; display:none;}
	.cabinet .left .menu.active {display:block;position: absolute; background-color: #fff; z-index:10; border-top:1px solid #5c94b5;  border-bottom:1px solid #5c94b5; }
	.cabinet .left .logo {margin:20px 0px 20px 40px; }
	.cabinet {height:initial; flex-direction: column;}
	.cabinet .left {width:100%;}
	.cabinet .right {width:100%;}
	.cabinet .right .top_block {flex-direction: column;}
	.cabinet .right .top_block .name_page {padding:0px 0px 15px 0px;}
	.cabinet .right .top_block .user_info {padding:0px;}
	.cabinet .right .razdely_poisk {flex-direction: column;}
	.cabinet .right .razdely_poisk .razdely a {display:block; text-align:center; margin:0px auto 10px auto; width: max-content;}
	.poisk {width:100%;}
	.poisk input {width: inherit;}
	.cabinet .right .top_block .name_page {letter-spacing:1px; font-size:14px;}
	.line {flex-direction: column;}
/*	.cabinet .right .pacients .spisok .elm {border-radius:10px;} */
	.line .block1, .line .block2, .line .block3, .line .block4, .line .block4_doctor,  .line .block4_manager, .line .block5 {width:100%; }
	.line.tech_akk .block1, .line.tech_akk .block2, .line.tech_akk .block3, .line.tech_akk .block4, .line.tech_akk .block4_doctor,  .line.tech_akk .block4_manager, .line.tech_akk .block5 {width:100%; }
	.line .block5 {padding-right:30px;}
	.cabinet .right .pacients .header .line div {margin-bottom:5px;}
	.cabinet .right .pacients .spisok {height:300px;}
	.line {width:95%;}
	.status {margin-bottom: 50px;}
	.cabinet .right .pacients .spisok .elm .block1, .cabinet .right .pacients .spisok .elm .block2, .cabinet .right .pacients .spisok .elm .block3, .cabinet .right .pacients .spisok .elm .block4, .cabinet .right .pacients .spisok .elm .block5,  .cabinet .right .pacients .spisok .elm .block4_doctor,  .cabinet .right .pacients .spisok .elm .block4_manager {margin-bottom:10px;}
	.cabinet .right .dobavit {width:95%;	}
}