@font-face{
	font-family: 'Roboto';
	src: url('/image/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}

@font-face{
	font-family: 'Roboto';
	src: url('/image/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}

* {
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
}	

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, 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 {
	margin: 0;
	padding: 0;
	/* border: 0; */
	/* font: inherit; */
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

b, strong{
	font-weight: 700;
}

i{
    font-style: italic;
}

small{
    font-size: 80%;
}

body {
	background: #fff;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 18.5px;
	color: #000000;
    
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

footer{
    margin-top: auto;
}

ul {
	list-style-type: none;
}





input::placeholder {
	color: #636363;
}



.js-disabled{
	opacity: 1;
}

.js-disabled[disabled]{
	opacity: 0.6;
	cursor: default;
}

.swal2-popup .swal2-title{
	line-height: 2rem;
}

input[type='submit'].btn-2 {
	border: 3px solid #1D71B8;
	border-radius: 2px;
	font-weight: 700;
	color: #1D71B8;
	background: #fff;
	padding: 14px 20px;
	display: inline-block;
}

input[type='submit'].btn-2:hover {
	color: #E5414E;
	border-color: #E5414E;
}

h1 {
	font-size: 30px;
	line-height: 35.16px;
	font-weight: 700;
	margin-bottom: 29px;
}

.btn {
	background: #1D71B8;
	border-radius: 2px;
	max-width: 275px;
	width: 100%;
	height: 48px;
	text-align: center;
	padding: 0 10px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
}

.btn:hover {
	background: #E5414E;
}

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

.container {
	max-width: 1324px;
	width: 100%;
	padding: 0 12px;
	margin: 0 auto;
}

.header-top {
	background: #1D71B8;
	padding: 10px 0;
}

.logo {
	max-width: 253px;
	width: 100%;
}

.logo img {
	width: 100%;
}

.mob-menu {
	display: none;
	width: 25px;
	min-width: 25px;
	height: 18px;
	background: url(/image/mob-menu.svg) no-repeat;
	background-size: cover;
	cursor: pointer;
	margin-left: 15px;
	margin-right: auto;
}

.header__user {
	display: flex;
	align-items: center;
	color: #fff;
}

.header__user-info {
	text-align: right;
}

.header__user-name {
	font-size: 20px;
	line-height: 23.4px;
	font-weight: 700;
	margin-bottom: 6px;
}

.header__user-img {
	max-width: 58px;
	min-width: 58px;
	width: 100%;
	height: 58px;
	margin-left: 20px;
	position: relative;
}

.header__user-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.header__user-img.hover:hover .user-menu {
	display: block;
	z-index: 10;
}

.user-menu {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid rgba(29, 113, 184, 0.14);
	right: 0px;
	width: 140px;
	top: 100%;
	text-align: right;
	padding: 24px 24px 4px 10px;
	display: none;
	transition: .3s;
	z-index: 1;
}

.user-menu li {
	margin-bottom: 17px;
}

.user-menu li a {
	padding: 0px;
	color: #1D71B8;
}

.user-menu li a:hover {
	text-decoration: underline;
}

.header-menu {
	background: rgb(232 241 248);
	position: sticky;
	top: -1px;
	z-index: 9;
}

.mask {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	height: 100vh;
	left: 0;
	background: rgba(24, 80, 126, 0.53);
}

.mask.active {
	display: block;
}

nav ul {
	margin: 0 -23px;
}

nav ul li a {
	padding: 26px 23px 20px;
	display: block;
    text-decoration: none;
    color: #000;
}

nav ul li a:hover {
	color: #E5414E;
}

nav ul li.active a {
	background: rgba(255, 255, 255, 0.4);
	color: #E5414E;
}

nav li.has-children {
	position: relative;
}

nav.hover li.has-children:hover ul {
	display: block;
}

nav li.has-children ul {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid rgba(29, 113, 184, 0.14);
	right: 0px;
	width: 170px;
	top: 100%;
	text-align: right;
	padding: 24px 24px 4px 10px;
	display: none;
	transition: .3s;
	margin: 0px;
}

nav li.has-children ul li {
	margin-bottom: 17px;
}

nav li.has-children ul li a {
	padding: 0px;
	color: #1D71B8;
}

nav li.has-children ul li.active a {
	color: #E5414E;
}

nav li.has-children ul li a:hover {
	text-decoration: underline;
}

.mob-user-menu {
	display: none;
}

main {
	min-height: calc(100vh - 240.5px);
}

footer {
	background: #1D71B8;
	padding: 32px 0 36px;
}

.footer-text {
	color: #fff;
}

.list-magazines {
	padding: 85px 0 30px;
}

.list-magazines ul {
	max-width: 301px;
	width: 100%;
	margin: 0 auto;
}

.list-magazines ul li {
	margin-bottom: 15px;
	width: 100%;
}

.list-magazines ul li a {
	display: block;
	width: 100%;
	padding: 14px 0 15px;
	font-weight: 700;
	color: #fff;
	background: #1D71B8;
	border-radius: 2px;
	text-align: center;
}

.list-magazines ul li a:hover {
	background: #E5414E;
}

.login {
	padding: 85px 0 30px;
}

.login h1 {
	margin-bottom: 38px;
	text-align: center;
}

.form-login {
	max-width: 348px;
	width: 100%;
	margin: 0 auto;
}

.form-input {
	width: 100%;
	margin-bottom: 19px;
}

.form-login .err {
	border: 1px solid #E5414E;
}

.journal.bg {
	background: linear-gradient(90deg, rgba(29, 113, 184, 0.03) 24%, rgba(255,255,255,1) 24%);
}

.journal .container {
	display: flex;
}

.container-center{
	justify-content: center;
}

.filter {
	max-width: 376px;
	width: 100%;
	margin-right: 36px;
	padding: 27px 18px 27px 24px;
	background: #f8fafd;
	transform: translateX(-500px);
	transition: .5s;
	margin-left: -412px;
}

.filter.active {
	margin-left: 0px;
	transform: translateX(0px);
}

.filter-content {
	/* position: sticky; */
	top: 10px;
}

.filter__head {
	margin-bottom: 14px;
}

.filter__title {
	font-weight: 700;
	font-size: 23px;
	line-height: 27px;
	margin-right: 10px;
}

.filter__close {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 2px solid #1D71B8;
	box-sizing: border-box;
	border-radius: 2px;
	max-width: 115px;
	width: 100%;
	height: 36px;
	font-weight: 700;
	color: #1D71B8;
	cursor: pointer;
	transition: .3s;
}

.filter__close:before {
	content: '';
	width: 13px;
	height: 10px;
	margin-right: 5px;
	background: url(/image/arrow-close.svg) no-repeat;
	background-size: cover;
}

.filter__close:hover {
	color: #E5414E;
	border-color: #E5414E;
}

.filter-form {
	margin-bottom: 23px;
}

.filter-form__scroll {
	/* max-height: 547px; */
	/* overflow-x: auto; */
	direction: rtl;
	margin-bottom: 27px;
	/* padding-left: 10px; */
	/* margin-left: -23px; */
}

.filter-form__scroll::-webkit-scrollbar {
	height: 12px;
	width: 13px;
}
.filter-form__scroll::-webkit-scrollbar-track {
	background: rgba(29, 113, 184, 0.12);
	border: 1px solid rgba(29, 113, 184, 0.29);
}
.filter-form__scroll::-webkit-scrollbar-thumb {
	background-color: #1D71B8;
	border-radius: 2px;
	border: 2px solid #95bddd;
}

.filter-form__content {
	direction: ltr;
}

.filter-form .filter-form__content label {
	font-weight: 700;
	font-size: 13px;
	line-height: 15.2px;
	margin-bottom: 9px;
	display: block;
}

.filter-form .filter-form__content label.hidden{
    display: none;
}

.filter-form .filter-form__content label.active{
    display: block;
}

.filter-form .filter-form__content input {
	background: #FFFFFF;
	border: 0.789992px solid rgba(29, 113, 184, 0.4);
	box-sizing: border-box;
	border-radius: 1.57998px;
	margin-top: 4px;
	height: 27px;
	padding: 6px;
	font-size: 12px;
	line-height: 14px;
}

.filter-form .filter-form__content input:focus {
	border-color: #1D71B8;
}

.filter-form .filter-form__content .select__head {
	background: #FFFFFF;
	border: 0.789992px solid rgba(29, 113, 184, 0.4);
	box-sizing: border-box;
	border-radius: 1.57998px;
	margin-top: 4px;
	height: 27px;
	padding: 6px;
}

.filter-form .filter-form__content .select__head:after {
	right: 10px;
}

.filter-form .filter-form__content .select__list {
	top: 100%;
}

.filter-form .filter-form__content .datepicker-here {
	/*background: #fff url(/image/date.svg) no-repeat;
	background-size: 19px 18px;
	background-position: 98% 50%;*/
}

.filter__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.filter__foot a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 47px;
	max-width: 162px;
	width: 100%;
	background: rgba(29, 113, 184, 0.7);
	border-radius: 2px;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	line-height: 16.4px;
}

.filter__foot a.filter__link_full{
	max-width: 100%;
}

.filter__foot a:hover {
	background: #1D71B8;
}

.filter__foot a.full{
	width: 100%;
	max-width: unset;
}

.filter__import {
	margin-right: 11px;
}

.filter__link_momarginright{
	margin-right: 0;
}

.filter__import:after {
	content: '';
	width: 18px;
	height: 19px;
	background: url(/image/import.svg) no-repeat;
	background-size: cover;
	margin-left: 8px;
}

.filter__export:after {
	content: '';
	width: 18px;
	height: 19px;
	background: url(/image/import.svg) no-repeat;
	background-size: cover;
	margin-left: 8px;
	transform: rotate(180deg);
}

.journal__content {
	width: 100%;
	padding: 29px 0 61px;
}

.journal-center{
	max-width: 887px;
}

.journal__head {
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 23px;
}

.breads {
	margin-bottom: 15px;
}

.breads ul li {
	display: inline-block;
}

.breads ul li:after {
	content: '/';
	color: #636363;
	padding: 0 0px 0 4px;
}

.breads ul li:last-child:after {
	display: none;
}

.breads ul li a {
	color: #636363;
}

.breads ul li a:hover {
	color: #E5414E;
}

.breads ul li span {
	color: #1D71B8;
}

.journal__medical-examination {
	width: 100%;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 23px;
}

.journal__medical-examination__add {
	margin-bottom: 23px;
}

.journal__medical-examination__add:after {
	content: '';
	width: 24px;
	min-width: 24px;
	height: 24px;
	background: url(/image/plus.svg) no-repeat;
	background-size: cover;
	margin-left: 6px;
}

.journal__medical-examination__content {
	/* display: none; */
	max-width: 887px;
	width: 100%;
}

.journal__medical-examination__content.active {
	display: block;
}

.journal__medical-examination__head {
	margin-bottom: 12px;
}

.journal__medical-examination__head-title {
	font-weight: 700;
	font-size: 23px;
	line-height: 27px;
	margin-right: 10px;
}

.journal__medical-examination__head-panel {
	display: flex;
	align-items: center;
	max-width: 394px;
	width: 100%;
}

.journal__medical-examination__normal-btn {
	max-width: 242px;
	width: 100%;
	border: 2px solid #1D71B8;
	box-sizing: border-box;
	border-radius: 2px;
	padding: 12px 5px;
	color: #1D71B8;
	font-weight: 700;
	font-size: 16px;
	line-height: 18.75px;
	text-align: center;
}

.journal__medical-examination__normal-btn:hover {
	color: #E5414E;
	border-color: #E5414E;
}

.journal__medical-examination__cancel-btn {
	background: rgba(29, 113, 184, 0.7);
	border-radius: 2px;
	margin-left: 11px;
	max-width: 141px;
	width: 100%;
	padding: 14px 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 18.75px;
	text-align: center;
	color: #fff;
}

.journal__medical-examination__cancel-btn:hover {
	background: #1D71B8;
}

.journal__medical-examination__table {
	margin-bottom: 13px;
	width: 100%;
	border-spacing: 0px;
	border-radius: 2px;
	background: #F8FBFD;
	border: 1px solid rgba(29, 113, 184, 0.14);
}

.journal__medical-examination__table tr td {
	border: 1px solid rgba(29, 113, 184, 0.14);
	padding: 10px 16px;
	vertical-align: top;
	position: relative;
	font-size: 14px;
	line-height: 16.4px;
}

.journal__medical-examination__table tr td input {
	font-size: 14px;
	line-height: 16.4px;
}

.journal__medical-examination__table tr td.req {
	border-color: #E5414E;
}

.journal__medical-examination__table tr th {
	background: #F0F5F9;
	width: 266px;
	font-size: 15px;
	line-height: 17.6px;
	font-weight: 700;
	border: 1px solid rgba(29, 113, 184, 0.14);
	padding: 10px 16px;
	vertical-align: top;
	position: relative;
	text-align: left;
}

.journal__medical-examination__table tr th span {
	font-size: 13px;
	line-height: 15.2px;
	display: block;
	margin-left: 0px;
}

.journal__medical-examination__table tr td span:not(.select2):not(.selection):not(.select2-selection):not(.select2-selection__rendered):not(.select2-selection__arrow):not(.dropdown-wrapper) {
	margin-left: 20px;
}

.journal__medical-examination__table td input {
	padding: 0px;
}

.journal__medical-examination__table td input::placeholder {
	color: #A6A6A6;
}

.journal__medical-examination__table tr td .input-file .input__file-button-text {
	cursor: pointer;
	color: #A6A6A6;
	font-size: 14px;
	line-height: 16.4px;
	margin-left: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.journal__medical-examination__table tr td .input-file a {
	text-decoration: underline;
	font-size: 14px;
	line-height: 16.4px;
}

.journal__medical-examination__table tr td .input-file a:hover {
	text-decoration: none;
}

.journal__medical-examination__table tr td .input-file.input-file__link .input__file-button-text {
	display: none;
}

.journal__medical-examination__table tr td .input-file span:after {
	content: '';
	width: 23px;
	height: 23px;
	background: url(/image/icon-file.svg) no-repeat;
	background-size: cover;
}

#input__file {
	display: none;
}

.form-error {
	display: none;
	padding: 8px 10px;
	width: 100%;
	margin-bottom: 19px;
	color: #C00000;
	font-size: 12px;
	line-height: 16.8px;
	border: 1px solid #E5414E;
	box-sizing: border-box;
	border-radius: 2px;
}

.form-error ul{
	list-style: disc;
	padding-left: 40px;
}

.journal__medical-examination_form-submit {
	max-width: max-content;
	margin-bottom: 48px;
}

.form-time {
	position: absolute;
	left: 85px;
	max-width: 60px;
	margin-left: 0px;
}

.now-link{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 170px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
	user-select: none;
	color: #1D71B8
}

.form-time__list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 303px;
	display: none;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 25px;
	z-index: 9;
	background: #FFFFFF;
	border: 1px solid rgba(29, 113, 184, 0.14);
	box-sizing: border-box;
	border-radius: 2px;
	padding: 13px 24px 18px;
}

.form-time__list.active {
	display: grid;
}

.form-time__list-item {
	font-size: 18px;
	line-height: 21px;
	cursor: pointer;
	transition: .3s;
}

.form-time__list-item:hover {
	color: #E5414E;
}

.form-time__list-item:not(:last-child) {
	margin-bottom: 15px;
}

.datepicker-here {
	background: url(/image/date.svg) no-repeat;
	background-size: 23px 22px;
	background-position: right;
	cursor: pointer;
}

.datepicker-here:focus {
	background: url(/image/date-active.svg) no-repeat;
	background-size: 23px 22px;
	background-position: right;
}


.date-img {
	position: absolute;
	top: 0;
	right: 16px;
	bottom: 0;
	margin: auto;
	width: 23px;
	height: 22px;
	cursor: pointer;
}

.date-img input {
	opacity: 0;
}

.datepicker-wrap {
  position: relative;
}

.ui-datepicker-trigger {
  display: none;
}

.ui-datepicker.ui-corner-all {
  border-radius: 0 0 6px 6px;
}

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


.anotherChosen .chosen-container-single .chosen-single{
	border: 0;
	background: none;
	box-shadow: none;
	
}

.chosenforselected.anotherChosen .chosen-container-single .chosen-single{
    font-size: 1rem;
}

.anotherChosen .chosen-container-single .chosen-single div b{
	background: none!important;
    background-image: url("/image/arrow-table.svg")!important;
    background-size: cover!important;
}

.anotherChosen .chosen-container-single .chosen-single div{
	width:14px;
	height: 8px;
	top: 8px;
	right: 5px;
}

.anotherChosen .chosen-container .chosen-drop{
	border-top: 1px solid #aaa;
}

.anotherChosen .chosen-select[value=""] + .chosen-container{
	color: #ccc;
}

.anotherChosen .chosen-single{
	padding-left: 0;
}

.anotherChosen .chosen-container-single .chosen-single span{
	margin-left: 0;
}

.borderedchosen{
    border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 0.25rem;
}

.chosenforselected{
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.driver-company-select{
	display: flex;
	flex-wrap: wrap;
}

.selectbtn{
	margin-right: 12px;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #1D71B8;
	border-radius: 2px;
	color: #1D71B8;
	user-select: none;
	cursor: pointer;
	margin-bottom: 8px;
	opacity: .8;
}

.selectbtn.active{
	background: #1D71B8;
	color: #fff;
	opacity: 1;
}

.driver-compnay{
	line-height: 1.4;
}

.fullinput-td{
	position: relative;
}

.fullinput-block{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-left: 15px!important;
}

.tr-showblock{
    display: none;
}

.tr-showblock.active{
    display: table-row;
}

.chosenfilter{
    background: #fff;
    margin-top: 4px;
    border: 1px solid rgba(29, 113, 184, 0.4)
}

.chosenfilter.anotherChosen .chosen-container-single .chosen-single span{
    padding-left: 6px;
    font-weight: 400;
}

.chosenfilter.anotherChosen .chosen-container-single .chosen-single div{
    right: 11px;
}

.cont{
    padding-left: 5px;
    padding-right: 5px;
}



.input-inflex{
	display: block;
	width: 121px;
}

.razd{
	display: block;
	height: 12px;
	position: relative;
}

.razd:before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 122px;
	height: 0.4px;
	border-bottom: 1px solid #000;
	opacity: 0.5;
}

.marginleft{
	margin-left: auto;
}

.lists__btn:hover{
	color: #fff;
}

.selectcrm{
    height: 100%;
    padding: 6px;
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/image/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.datepicker-days .table-condensed th, .datepicker-days .table-condensed td {
    padding: 4px 5px;
}

.noborderradius-right{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.noborderradius-left{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.loader {
  color: #000000;
  font-size: 15px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 15px auto;
  margin-left: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  display: none;
}

.loader.active{
	display: block;
}



@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.invisbig{
    visibility: hidden;
}

#modal-ajax .iziModal-content {
    opacity: 0;
    background: #fafafa;
}

#modal-ajax .iziModal-content._ready {
    opacity: 1;
    -webkit-transition: opacity .4s ease .6s;
    -o-transition: opacity .4s ease .6s;
    transition: opacity .4s ease .6s;
}

.mymodal__container {
    position: relative;
}

.mymodal__close {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 2px;
    right: 2px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.mymodal__close:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 9px;
    left: 3px;
}

.mymodal__close:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
    left: 3px;
}

.mymodal__content {
    padding: 15px;
}

.mtitle {
    font-size: 18px;
    margin-bottom: 35px;
}

.import-icon{
	padding-right: 2.3rem;
	position: relative;
}

.import-icon:before{
	content: '';
	position: absolute;
	width: 1rem;
	height: 1rem;
	background-image: url(/image/icon-excel.svg);
	top: 50%;
    background-size: cover;
    right: 0.5rem;
    background-position: center;
    transform: translateY(-50%);
}

.more-info{
	display: inline-block;
	position: relative;
	font-size: 0.8rem;
	cursor: pointer;
	user-select: none;
	border-bottom: 1px dashed #000;
	margin-bottom: 0.5rem;
}

.more-info:before{
	content: '';
	position: absolute;
}

.ajdata{
	height: 23px;
	overflow: hidden;
}

.ajdata.show{
	height: unset;
}

.css-relative{
	position: relative;
}

.ticker {
    background: #E5414E;
	color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
}

.marquee {
    width: 100%;
    overflow: hidden;
}

.marall {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}

.marall__one {
    padding-left: 15px;
    padding-right: 15px;
}

.ndelink{
    text-decoration: underline;
    font-style: italic;
    font-size: 0.9rem;
    color: #1D71B8;
}

.ndelink:hover{
    color: #E5414E;
}

.baimg{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	max-width: 100%;
}






@media(min-width:768px) {
 /* #ui-datepicker-div {
    top: 100% !important;
    left: 100% !important;
    margin-left: -40px !important;
  }*/
}

.ui-datepicker {
  width: 17em;
  padding: 0;
  border: 1px solid #dadada;
  font: 300 14px 'open sans';
  -webkit-box-shadow: 5px 5px 18px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 5px 5px 18px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 5px 5px 18px 0px rgba(0, 0, 0, 0.13);
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 7px 0;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #efefef;
  margin: -1px;
  border-radius: 0;
}

.ui-datepicker table {
  margin: .2em 0;
}

.ui-datepicker th {
  	color: #FF9A19;
    padding: 0.3em 0.3em;
    font-weight: 400;
}

.ui-datepicker td {
  padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
  padding: 0;
  height: 34px;
  width: 34px;
  line-height: 34px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font: 400 16px 'open sans';
  color: #1e1e1e;
  border-color: #fdc81b;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 0;
  background: transparent url(none);
  color: #000;
}

.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 {
  background: #e6e6e6;
  color: #1e1e1e;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #5cc4ef;
  color: #fff;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 8px;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
  background: transparent none;
  border: 0;
  top: 8px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  background-image: none;
}

.ui-datepicker-prev .ui-icon:before,
.ui-datepicker-next .ui-icon:before {
  content: '\f0d9';
  font-family: fontAwesome;
  color: #9c9c9c;
  display: block;
  vertical-align: middle;
  text-align: center;
  text-indent: 0;
}

.ui-datepicker-next .ui-icon:before {
  content: '\f0da';
}

.journal__medical-examination__success {
	width: 100%;
	background: #E8F1F8;
	border-radius: 2px;
	padding: 32px 28px 37px;
	display: none;
	align-items: center;
	font-weight: 700;
	font-size: 23px;
	line-height: 27px;
	margin-bottom: 49px;
}

.journal__medical-examination__success.active {
	display: flex;
}

.journal__medical-examination__success:after {
	content: '';
	width: 32.5px;
	min-width: 32.5px;
	height: 32.5px;
	background: url(/image/galka.svg) no-repeat;
	background-size: cover;
	margin-left: 13px;
}

.journal__medical-examination__head-new-add-btn {
	display: none;
	max-width: 316px;
}

.journal__medical-examination__head-new-add-btn.active {
	display: flex;
}

.journal__medical-examination__head-new-add-btn:after {
	content: '';
	width: 24px;
	min-width: 24px;
	height: 24px;
	background: url(/image/plus.svg) no-repeat;
	background-size: cover;
	margin-left: 6px;
}

.journal__navigation {
	margin-bottom: 45px;
}

.journal__navigation__all-list {
	margin-bottom: 45px;
}

.journal__navigation__all-list:after {
	content: '';
	width: 24px;
	min-width: 24px;
	height: 24px;
	background: url(/image/icon-all-list.svg) no-repeat;
	background-size: cover;
	margin-left: 6px;
}

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

.journal__navigation__list-view {
	margin-right: 90px;
	display: flex;
	align-items: center;
}

.journal__navigation__list-view-text {
	font-weight: 700;
	font-size: 18px;
	line-height: 21.09px;
	margin-right: 14px;
}

.journal__navigation__list-view-row {
	display: flex;
	align-items: center;
}

.journal__navigation__list-view-btn {
	margin-right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 7px;
	background: rgba(29, 113, 184, 0.5);
	border-radius: 2px;
	transition: .3s;
}

.journal__navigation__list-view-btn:hover {
	background: #E5414E;
}

.journal__navigation__list-view-btn:last-child {
	margin-right: 0px;
}

.journal__navigation__list-view-btn img {
	max-width: 22px;
	max-height: 22px;	
}

.journal__navigation__list-view-btn.active {
	background: #1D71B8;
}

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

.journal__navigation__filter-text {
	font-weight: 700;
	font-size: 18px;
	line-height: 21.09px;
	margin-right: 14px;
}

.journal__navigation__filter-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 7px;
	background: #1D71B8;
	border-radius: 2px;
	cursor: pointer;
	transition: .3s;
	position: relative;
}

.journal__navigation__filter-btn.active::before{
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #E5414E;
	top: -3px;
	right: -3px;
}

.journal__navigation__filter-btn:hover {
	background: #E5414E;
}

.journal__navigation__filter-btn img {
	max-width: 21px;
	max-height: 21px;
}

.journal__body {
	max-width: 887px;
	width: 100%;
}

.journal__list {
	margin-bottom: 25px;
}

.journal__list-item {
	width: 100%;
	margin-bottom: 26px;
	position: relative;
}

.journal__list-item__head {
	width: 100%;
	margin-top: 2px;
	cursor: pointer;
	padding-right: 35px;
	position: relative;
}

.printlinks{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
}

.printlink{
	position: relative;
	z-index: 100;
	width: 1rem;
	height: 1rem;
}

.printlink:before{
	content: '';
	position: absolute;
	width: 1rem;
	height: 1rem;
	background-image: url(/image/print-button.svg);
    top: 50%;
    background-size: cover;
    right: 0.5rem;
    background-position: center;
    transform: translateY(-50%);
}

.excellink{
	position: relative;
	z-index: 100;
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
}

.excellink:before{
	content: '';
	position: absolute;
	width: 1rem;
	height: 1rem;
	background-image: url(/image/icon-excel-black.svg);
    top: 50%;
    background-size: cover;
    right: 0.5rem;
    background-position: center;
    transform: translateY(-50%);
}

.journal__list-item__head-name {
	font-weight: 700;
	font-size: 21px;
	line-height: 24.6px;
	color: #636363;
	display: inline-block;
}

.journal__list-item__head-changes {
	color: #A9A9A9;
	display: inline-block;
}

.journal__list-item.open .journal__list-item__head-changes {
	display: none;
}

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

.journal__list-item__line span {
	width: 100%;
	height: 1px;
	background: #E0E0E0;
}

.journal__list-item__line-arrow {
	width: 20px;
	min-width: 20px;
	height: 20px;
	margin-left: 11px;
	border-radius: 100%;
	background: #1D71B8 url(/image/arrow-item.svg) no-repeat;
	background-size: 8px 6px;
	background-position: center;
	cursor: pointer;
	transition: .3s;
}

.journal__list-item.open .journal__list-item__line-arrow {
	background: #E5414E url(/image/arrow-item.svg) no-repeat;
	background-size: 8px 6px;
	background-position: center;
	transform: rotate(180deg);
}

.journal__list-item__body {
	display: none;
	margin-top: 7px;
}

.journal__list-item.open .journal__list-item__body {
	display: block;
}

.journal__list-item__table {
	margin-bottom: 27px;
	width: 100%;
	border-spacing: 0px;
	border-radius: 2px;
	background: #F8FBFD;
	border: 1px solid rgba(29, 113, 184, 0.14);
}

.journal__list-item__table tr td {
	border: 1px solid rgba(29, 113, 184, 0.14);
	padding: 10px 16px;
	vertical-align: top;
	font-size: 14px;
	line-height: 16.4px;
}

.journal__list-item__table tr td input {
	font-size: 14px;
	line-height: 16.4px;
}

.journal__list-item__table tr th {
	background: #F0F5F9;
	width: 266px;
	font-size: 15px;
	line-height: 17.6px;
	font-weight: 700;
	border: 1px solid rgba(29, 113, 184, 0.14);
	padding: 10px 16px;
	vertical-align: top;
	text-align: left;
}

.journal__list-item__table tr th span {
	font-size: 13px;
	line-height: 15.2px;
	display: block;
	margin-left: 0px;
}

.journal__list-item__table tr td span {
	margin-left: 20px;
}

.journal__list-item__link {
	border: 3px solid #1D71B8;
	box-sizing: border-box;
	border-radius: 2px;
	font-weight: 700;
	color: #1D71B8;
	background: #fff;
	padding: 14px 20px;
	display: inline-block;
	margin-bottom: 29px;
}

.journal__list-item__link:hover {
	color: #E5414E;
	border-color: #E5414E;
}

.select {
	position: relative;
	display: block;
	width: 100%;
}

.select__head {
	width: 100%;
	cursor: pointer;
	min-height: 18.5px;
}

.select__head::after {
	width: 14px;
	height: 8px;
	background: #FFF url("/image/arrow-table.svg") no-repeat;
	background-size: cover;
	position: absolute;
	right: 5px;
	bottom: 50%;
	transform: translateY(50%);
	content: '';
	display: block;
	transition: .2s ease-in;
}

.select__head.open::after {
	transform: translateY(50%) rotate(180deg);
}

.select__list {
	display: none;
	position: absolute;
	top: 160%;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	margin-top: 5px;
	max-height: 205px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 100;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #424348;
	scrollbar-color: dark;
	scrollbar-width: thin;
	overscroll-behavior: contain;
}

.select__list::-webkit-scrollbar {
	width: 7px;
	background-color: #F8F9FA;
	padding: 5px;
}

.select__list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #D9D9D9;
}

.select__list .select__item {
	position: relative;
	border-top: 1px solid rgba(224, 229, 231, 0.5);
	padding: 10px 15px;
	cursor: pointer;
	list-style-type: none;
}

.select__list .select__item.active {
	background-color: rgba(224, 229, 231, 0.5);
}

.select__list .select__item:hover {
	background-color: rgba(224, 229, 231, 0.5);
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination-page-numbers {
	/* width: 28px; */
	min-width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E8F1F8;
	border-radius: 2px;
	margin: 0 2.5px;
	color: #1D71B8;
	font-weight: 700;
}

.pagination-page-numbers.current {
	color: #fff;
	background: #1D71B8;
}

.pagination-page-numbers:hover {
	color: #fff;
	background: #1D71B8;
}

.pagination-page-numbers.prev:before {
	content: '';
	width: 8px;
	height: 13px;
	background: url(/image/arrow-pagination.svg) no-repeat;
	background-size: cover;
	transform: rotate(180deg);
}

.pagination-page-numbers.prev:hover:before {
	background: url(/image/arrow-pagination-hover.svg) no-repeat;
	background-size: cover;
}

.pagination-page-numbers.next:before {
	content: '';
	width: 8px;
	height: 13px;
	background: url(/image/arrow-pagination.svg) no-repeat;
	background-size: cover;
}

.pagination-page-numbers.next:hover:before {
	background: url(/image/arrow-pagination-hover.svg) no-repeat;
	background-size: cover;
}

.pagination span {
	width: 28px;
	min-width: 28px;
	height: 28px;
	margin: 0 2.5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*-------------------------------- single --------------------------------*/

.journal__list-item__single .journal__list-item__body {
	display: block;
	margin-top: 24px;
}

.journal__list-item__edit-btn {
	border: 3px solid #1D71B8;
	box-sizing: border-box;
	border-radius: 2px;
	font-weight: 700;
	color: #1D71B8;
	background: #fff;
	padding: 14px 20px;
	display: inline-block;
	margin-bottom: 48px;
}

.journal__list-item__edit-btn:hover {
	color: #E5414E;
	border-color: #E5414E;
}

.journal__logs {
	width: 100%;
	border-top: 1px solid #E0E0E0;
	padding-top: 59px;
}

.journal__logs-title {
	font-weight: 700;
	font-size: 23px;
	line-height: 27px;
	margin-bottom: 24px;
}

.journal__logs-table {
	border: 1px solid rgba(29, 113, 184, 0.14);
	border-spacing: 0px;
	width: 100%;
	font-size: 14px;
	line-height: 16.4px;
}

.journal__logs-table th {
	background: #F0F5F9;
	padding: 9px 13px;
	text-align: left;
	border: 1px solid rgba(29, 113, 184, 0.14);
	font-weight: 700;
}

.journal__logs-table td {
	background: #F8FBFD;
	border: 1px solid rgba(29, 113, 184, 0.14);
	padding: 9px 13px;
}

.journal__logs-table th:last-child {
	width: 231px;
}

.journal__logs-table td:last-child {
	width: 231px;
}

.journal__medical-examination_form__foot {
	display: flex;
	align-items: center;
	margin-bottom: 49px;
	margin-top: 27px;
}

.journal__medical-examination_form__foot .journal__medical-examination_form-submit {
	margin-right: 11px;
	margin-bottom: 0px;
}

.journal__medical-examination_form-cancel {
	max-width: 124px;
	width: 100%;
	background: rgba(29, 113, 184, 0.7);
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	height: 47px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.journal__medical-examination_form-cancel:hover {
	background: #1D71B8;
}

/*--------------------------add--------------------------------*/

.journal__body-title {
	font-weight: 700;
	font-size: 23px;
	line-height: 27px;
	margin-bottom: 21px;
}

.journal__new-add {
	margin-bottom: 65px;
}

.journal__new-add .journal__medical-examination_form-submit {
	margin-bottom: 13px;
}

.journal__new-add input[type='submit'] {
	padding: 14px 30px;
}

.journal__medical-examination_form__head {
	display: flex;
	align-items: center;
}

.journal__medical-examination_form__import {
	max-width: 171px;
	width: 100%;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(29, 113, 184, 0.7);
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	margin-left: 6px;
	margin-bottom: 13px;
}

.journal__medical-examination_form__import:after {
	content: '';
	width: 18px;
	height: 19px;
	background: url(/image/import.svg) no-repeat;
	background-size: cover;
	margin-left: 6px;
}

.journal__medical-examination_form__import:hover {
	background: #1D71B8;
}

/*------------------------lists----------------------------*/

.lists {
	padding-top: 34px;
}

.lists__btn {
	max-width: 301px;
	margin-bottom: 15px;
	font-weight: 700;
    text-decoration: none;
	margin-left: auto;
	margin-right: auto;
}

.journal__body-padding {
	padding-top: 12px;
}

/*------------------------sitemap------------------------------------*/

.sitemap li {
	margin-bottom: 10px;
}

.sitemap a {
	font-size: 22px;
}

.sitemap a:hover {
	text-decoration: underline;
}

/*-----------------------------mob---------------------------------*/

@media(max-width: 1400px) {
	nav ul {
		margin: 0px;
	}
	nav ul li a {
		padding: 26px 0px 20px;
	}
	nav ul li.active a {
		padding: 26px 15px 20px;
	}
}

@media(max-width: 1200px) {
	nav {
		position: fixed;
	    z-index: 9;
	    background: #1D71B8;
	    min-width: 260px;
	    width: 500px;
	    height: 100vh;
	    top: 0;
	    left: -1000px;
	    transition: .3s;
	    padding-top: 90px;
	}
	nav.active {
		left: 0;
	}
	nav ul {
		flex-direction: column;
		padding-top: 0px;
		padding-bottom: 30px;
		overflow: auto;
		height: 100%;
		justify-content: flex-start !important;
		position: relative;
		z-index: 9;
	}
	nav ul li {
		width: 100%;
	}
	nav ul li a {
		color: #fff;
		padding: 15px 13px;
	}
	nav ul li.active a {
		padding: 15px 13px;
		color: #fff;
	}
	.mob-menu {
		display: block;
	}
	main {
	    min-height: calc(100vh - 165px);
	}
	.logo {
		max-width: 210px;
	}
	.logo.fixed {
		position: fixed;
		top: 10px;
		left: 13px;
		z-index: 99;
	}
	.mob-menu.active {
		position: fixed;
		top: 28px;
    	left: 440px;
		z-index: 99;
		background: url(/image/mob-menu-close.svg) no-repeat;
		background-size: cover;
		width: 20px;
		min-width: 20px;
		height: 20px;
	}
	.header__user {
		margin-left: auto;
	}
	nav li.has-children a {
		pointer-events: none;
	}
	nav li.has-children ul a {
		pointer-events: auto;
	}
	nav li.has-children ul.open {
		display: block;
	}
	nav li.has-children.open a {
		background:  rgba(255, 255, 255, 0.13);
	}
	nav li.has-children.open ul li a {
		background: none;
	}
	nav li.has-children.open ul li.active a {
		background: rgba(255, 255, 255, 0.4);
	}
	nav li.has-children ul {
		position: relative;
	    width: 100%;
	    background: none;
	    padding: 0;
	    text-align: left;
	    height: auto;
	    top: 0;
	}
	nav li.has-children ul li {
		margin-bottom: 0px;
	}
	nav li.has-children ul li a {
		color: #fff;
		padding: 15px 35px;
	}
	nav li.has-children ul li.active a {
		color: #fff;
	}
	.mob-user-menu {
		display: block;
		position: fixed;
	    z-index: 9;
	    background: #1D71B8;
	    min-width: 260px;
	    width: 500px;
	    height: 100vh;
	    top: 0;
	    left: -1000px;
	    transition: .3s;
	    padding-top: 90px;
	}
	.mob-user-menu.active {
		left: 0;
	}
	.mob-user-menu__close {
		position: absolute;
		top: 28px;
    	right: 20px;
		background: url(/image/mob-menu-close.svg) no-repeat;
		background-size: cover;
		width: 20px;
		min-width: 20px;
		height: 20px;
	}
	.mob-user-menu__account {
		position: relative;
		z-index: 9;
	}
	.mob-user-menu__exit {
		position: relative;
		z-index: 9;
	}
	.mob-user-menu__account {
		display: flex;
		margin: 0 12px 30px;
	}
	.mob-user-menu__account-img {
		width: 48px;
		min-width: 48px;
		height: 48px;
		margin-right: 13px;
	}
	.mob-user-menu__account-img img {
		width: 100%;
		height: 100%;
	}
	.mob-user-menu__account-name {
		font-weight: 700;
		font-size: 22px;
		line-height: 26px;
		color: #fff;
		margin-bottom: 4px;
	}
	.mob-user-menu__account-post {
		font-size: 16px;
		line-height: 20px;
		color: #fff;
	}
	.mob-user-menu__exit {
		margin: 0 12px;
		background: #FFFFFF;
		border-radius: 2px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 157px;
		height: 48px;
		color: #1D71B8;
		font-weight: 700;
		font-size: 16px;
		line-height: 18.7px;
	}
}

@media(max-width: 1100px) {
	.container {
		max-width: 961px;
	}

    .invisbig{
        visibility: visible;
    }

	.filter {
		position: fixed;
		left: 0;
		top: 78.4px;
		height: calc(100vh - 78.4px);
		z-index: 99;
	}
	.filter.active {
		max-width: none;
		overflow: auto;
	}
	.filter-form__scroll {
		margin-left: 0px;
		padding-left: 0px;
		max-height: none;
	}
	.journal__body {
		max-width: none;
	}
	header.fixed {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 9;
	}
	.journal__logs-table {
		border: 0;
	}
	.journal__logs-table thead {
		display: none;
	}
	.journal__logs-table tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #ddd;
	}
	.journal__logs-table td {
		display: block;
		text-align: right;
		border: 1px solid rgba(29, 113, 184, 0.14);
	}
	.journal__logs-table td:last-child {
		border-bottom: 0;
	}
	.journal__logs-table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
	.journal__logs-table td:last-child {
		width: 100%;
	}
}

@media(max-width: 991px) {
	.container {
		max-width: 737px;
	}


}

@media(max-width: 767px) {
	.container {
		max-width: 545px;
	}
	h1 {
		font-size: 23px;
		line-height: 27px;
	}
	.breads {
		font-size: 14px;
		line-height: 18px;
	}
	.logo {
		max-width: 180px;
	}
	.header__user-img {
		min-width: 40px;
		width: 40px;
		height: 40px;
	}
	.header__user-name {
		font-size: 18px;
		line-height: 21.4px;
		margin-bottom: 3px;
	}
	.header__user-post {
		font-size: 14px;
		line-height: 16px;
	}
	.journal__list-item__head-name {
		font-size: 16px;
		line-height: 22px;
	}
	.journal__list-item__head-changes {
		font-size: 14px;
		line-height: 16px;
	}
	.filter {
		top: 70.73px;
		height: calc(100vh - 70.73px);
	}
	.journal__medical-examination__head {
		flex-direction: column;
		align-items: flex-start;
	}
	.journal__medical-examination__head-title {
		margin-right: 0px;
		margin-bottom: 12px;
	}
	.journal__medical-examination__table tr td span:not(.select2):not(.selection):not(.select2-selection):not(.select2-selection__rendered):not(.select2-selection__arrow):not(.dropdown-wrapper) {
		max-width: 60px;
	}
	.form-time__list {
		right: 0;
		left: auto;
	}
	main {
	    min-height: calc(100vh - 157.23px);
	}
	nav {
		width: 340px;
	}
	.mob-menu.active {
	    top: 22px;
	    left: 290px;
	}
	.mob-user-menu {
		width: 340px;
	}

}

@media(max-width: 575px) {
	.container {
		max-width: 100%;
	}
	.mob-menu {
		width: 21px;
		min-width: 21px;
		height: 14px;
	}
	.journal__list-item__table tr {
		display: flex;
		flex-direction: column;
	}
	.journal__list-item__table tr th {
		width: 100%;
	}
	.journal__content {
		padding: 0px 0px 40px;
	}
	.journal__list-item__head-name {
		font-size: 14px;
		line-height: 20px;
	}
	.journal__list-item__head-changes {
		font-size: 11px;
		line-height: 16px;
	}
	.journal__list-item__line-arrow {
		width: 29px;
		min-width: 29px;
		height: 29px;
		background: #1D71B8 url(/image/arrow-item.svg) no-repeat;
		background-size: 11px 9px;
		background-position: center;
		position: absolute;
		top: -45px;
		right: 0;
	}
	.journal__list-item.open .journal__list-item__line-arrow {
		top: -35px;
	}
	.journal__list-item__head {
		padding-right: 40px;
		margin-bottom: 6px;
	}
	.journal__list-item__line {
		position: relative;
	}
	.journal__list-item__table tr th {
		padding: 6px 10px;
	}
	.journal__list-item__table tr td {
		padding: 6px 10px;
	}
	.journal__list-item__link {
		border: none;
		text-align: center;
		max-width: 190px;
		margin: 0 auto 20px;
		padding: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		line-height: 24px;
	}
	.journal__list-item__link:after {
		content: '';
		width: 25px;
		height: 25px;
		background: url(/image/arrow-right-mob.svg) no-repeat;
		background-size: cover;
		margin-top: 4px;
	}
	.pagination-page-numbers, .pagination span {
		/* width: 21.4px; */
		min-width: 21.4px;
		height: 21.4px;
		margin: 0 1.9px;
		font-size: 12.2px;
		line-height: 14.3px;
	}
	.pagination-page-numbers.prev {
		width: 32.6px;
		min-width: 32.6px;
		height: 32.6px;
		margin-right: 15.3px;
	}
	.pagination-page-numbers.next {
		width: 32.6px;
		min-width: 32.6px;
		height: 32.6px;
		margin-left: 15.3px;
	}
	.footer-text {
		font-size: 12px;
		line-height: 14px;
		text-align: center;
	}
	.journal__list-item {
		margin-bottom: 15px;
	}
	.breads {
		background: #E8F1F8;
		width: calc(100% + 24px);
		margin-left: -12px;
		padding: 12px;
		margin-bottom: 20px;
	}
	.journal__medical-examination__add {
		max-width: none;
		margin-bottom: 20px;
	}
	.journal__navigation__all-list {
		max-width: none;
		margin-bottom: 37px;
	}
	.journal__head {
		margin-bottom: 20px;
	}
	.journal__navigation__row {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	.journal__navigation__list-view {
		margin-right: 0px;
		margin-left: 30px;
	}
	.journal__navigation__list-view-text, .journal__navigation__filter-text {
		font-size: 16px;
	}
	h1 {
		margin-bottom: 12px;
	}
	.logo {
		max-width: 112px;
		max-height: 29px;
	}
	.header__user-info {
		display: none;
	}
	.header__user-img {
		min-width: 24px;
		width: 24px;
		height: 24px;
	}
	.filter__close {
		font-size: 0px;
		border: none;
		width: 15.6px;
		height: 17px;
		background: url(/image/close.svg) no-repeat;
		background-size: cover;
	}
	.filter__close:before {
		display: none;
	}
	.filter {
		top: 49px;
		height: calc(100vh - 49px);
		padding: 15px 12px 35px;
	}
	.filter__title {
		font-size: 18px;
		line-height: 21px;
	}
	.filter-form__scroll {
		margin-bottom: 22px;
	}
	.filter-form {
		margin-bottom: 15px;
	}
	.filter__foot a {
		font-size: 12px;
		line-height: 14px;
	}
	.journal__medical-examination__table tr {
		display: flex;
		flex-direction: column;
	}
	
	.journal__medical-examination__table tr.tr-showblock{
		display: none;
	}
	
	.journal__medical-examination__table tr.tr-showblock.active{
		display: flex;
	}
	
	.journal__medical-examination__table tr th {
		width: 100%;
	}
	.journal__medical-examination__table tr th {
		padding: 6px 10px;
	}
	.journal__medical-examination__table tr td {
		padding: 6px 10px;
	}
	
	.fullinput-block{
		position: static;
		padding-left: 0!important;
	}
	
	.journal__medical-examination__head-panel {
		flex-direction: column;
		max-width: none;
	}
	.journal__medical-examination__normal-btn {
		max-width: none;
	}
	.journal__medical-examination__cancel-btn {
		margin-left: 0px;
		margin-top: 8px;
		max-width: none;
	}
	.journal__medical-examination__head-title {
		font-size: 18px;
		line-height: 26px;
	}
	.journal__medical-examination_form-submit {
		max-width: none;
		margin-bottom: 36px;
	}
	.journal__list-item__edit-btn {
		max-width: none;
		text-align: center;
		width: 100%;
		margin-bottom: 36px;
	}
	.journal__logs-title {
		font-size: 21px;
		line-height: 24px;
	}
	.journal__medical-examination_form__foot {
		margin-bottom: 36px;
		flex-direction: column;
	}
	.journal__medical-examination_form-cancel {
		max-width: none;
	}
	.journal__medical-examination_form__foot .journal__medical-examination_form-submit {
		margin-right: 0px;
		margin-bottom: 8px;
		width: 100%;
	}
	.journal__logs {
		padding-top: 33px;
	}
	.journal__logs-table td {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0 10px 7px;
	}
	.journal__logs-table td:before {
		width: 100%;
		margin-left: -10px;
		float: none;
		text-align: left;
		background: #F0F5F9;
		padding: 7px 10px;
		border-bottom: 1px solid rgba(29, 113, 184, 0.14);
		margin-bottom: 7px;
	}
	.journal__logs-table tr {
		margin-bottom: 30px;
	}
	.journal__medical-examination__head-new-add-btn {
		max-width: none;
	}
	.journal__medical-examination__success {
		padding: 14px 10px 28px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 21px;
		text-align: center;
	}
	.journal__medical-examination__success:after {
		order: -1;
		margin: 0 auto 8px;
	}
	.form-time__list {
		right: auto;
		left: -40px;
	}
	main {
	    min-height: calc(100vh - 111px);
	}
	footer {
		padding: 24px 0;
	}
	.login, .list-magazines {
		padding-top: 40px;
	}
	nav {
		width: 260px;
		padding-top: 55px;
	}
	.mob-menu.active {
	    top: 14px;
	    left: 216px;
	    width: 17px;
	    min-width: 17px;
	    height: 17px;
	}
	.mob-user-menu {
		width: 260px;
		padding-top: 65px;
	}
	.mob-user-menu__close {
		width: 17px;
		min-width: 17px;
		height: 17px;
		top: 15px;
	}
	.mob-user-menu__account-img {
		width: 24px;
		min-width: 24px;
		height: 24px;
	}
	.mob-user-menu__account-name {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 3px;
	}
	.mob-user-menu__account-post {
		font-size: 14px;
		line-height: 16.4px;
	}
}

@media(max-width: 440px) {
	.journal__navigation__filter-text, .journal__navigation__list-view-text {
		margin-right: 10px;
	}
	.journal__navigation__list-view-text, .journal__navigation__filter-text {
		font-size: 15px;
	}
	.journal__navigation__list-view {
		margin-left: 15px;
	}
	.form-time__list-item {
		font-size: 14px;
	}
	.form-time__list {
		width: 250px;
		grid-gap: 10px;
		padding: 10px;
		left: -99px;
	}
}