@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}
select {
	-webkit-appearance : none;
	background-image   : url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 0.226562L4 3.2799L7.06 0.226562L8 1.16656L4 5.16656L0 1.16656L0.94 0.226562Z' fill='%230274BE'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat  : no-repeat;
  padding-right: 12px;
  cursor: pointer !important;
	/* for FF */
	-moz-appearance    : none;
	text-indent        : 0.01px;
	text-overflow      : '';
	/* for IE */
	-ms-appearance     : none;
	appearance         : none !important;
  background-color: #fff;
}

select::-ms-expand {
	display: none;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

body{
  font-family: 'Open Sans', sans-serif;
  font-family: 'Montserrat', sans-serif;
}
a{
  transition: 0.5s ease;
  text-decoration: none;
}
.hidden{
  display: none;
}
#login-page{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #0274BE;
}
#password-page{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #0274BE;
}
#not-found-page{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #0274BE;
}
.login, .not-found{
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.wrapp-login{
  max-width: 464px;
  margin: auto;
  z-index: 9;
}
.wrapp-not-found{
  max-width: 494px;
  margin: auto;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.img-background img{
  height: 100%;
}
.img-background{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 50%;
  height: 100%;
}
.wrapp-login{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapp-login__logo svg{
  max-width: 57px;
  height: 22px;
}
.wrapp-login__title{
  margin-top: 80px;
}
.wrapp-not-found__title{
  margin-top: 137px;
}
.wrapp-login__title h1{
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  color: #0274BE;
}
.wrapp-not-found__title h1{
  font-weight: bold;
  font-size: 288px;
  line-height: 219px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #0274BE;
  font-family: Open Sans;
}
.wrapp-login__form{
  margin-top: 42px;
}
.wrapp-not-found__subtitle{
  margin-top: 60px;
  font-size: 12px;
  line-height: 16px;
  color: #8d939a
}
.wrapp-not-found__description{
  margin-top: 60px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #000000;
}
.wrapp-not-found__btn{
  margin-top: 60px;
}
.label{
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #000000;
}
.input{
  background: #FFFFFF;
  border: 1px solid #0274BE;
  box-sizing: border-box;
  border-radius: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  outline: none;
  display: block;
  margin-top: 8px;
  width: 250px;
  padding-left: 8px;
}
.wrapp-login__form-password{
  margin-top: 42px;
}
input[type="text"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);

}
input[type="password"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.wrapp-login__form-sumbit{
  margin-top: 42px;
}
.button-form{
  background: #0274BE;
  border-radius: 8px;
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  width: 144px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  margin: auto;
}
.wrapp-login__memory{
  margin-top: 52px;
}
.wrapp-login__memory a{
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #0274BE
}
.error-input .input{
  border: 1px solid #F03738;
}
.wrapp-login__form-error svg{
  width: 16px;
  height: 16px;
  margin-right: 9px
}
.wrapp-login__form-error{
  margin-top: 8px;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 16px;
}
#password-page .wrapp-login{
  max-width: 477px;
}
.wrapp-not-found__description br{
  display: none;
}
.container{
  padding: 0 20px;
}
.wrapp-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapp-header__left{
  display: flex;
  align-items: center;
}
.wrapp-header__right{
  display: flex;
  align-items: center;
}
.header{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #0274BE;
  padding: 19px 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header svg{
  width: 20px;
  height: 20px;
}
.wrapp-header__logo svg{
  width: 56px;
  height: 22px;
}
.wrapp-header__right{
  margin-top: 4px;
}
.wrapp-header__info{
  font-size: 14px;
  color: #0274BE;
  margin-right: 20px;
  line-height: 20px;
  margin-left: 180px;
}
@media(max-width:1200px) {
  .wrapp-header__info{
    margin-left: 30px;
    font-size: 12px;
  }
  /* .header svg{
    width: 16px;
    height: 16px;
  } */
  .wrapp-header__logo svg{
    width: 42px;
    height: 16px;
  }
}
@media(max-width:479px) {

  .wrapp-header__info{
    margin-left: 0;
    font-size: 10px;
  }
  .container{
    padding: 0 15px;
  }
}
.wrapp-header__search{
  margin-right: 12px;
  position: relative;
}
.wrapp-header__right-link{
  display: flex;
  align-items: center;
}
.wrapp-header__exit-link{
  display: flex;
}
.wrapp-header__logo a{
  display: flex;
}
.wrapp-panel__header{
  display: flex;
  position: fixed;
  left: 0;
  z-index: 10;
  top: 78px;
  width: 100%;
  background: #fff;
}
.wrapp-panel__body{
  padding-top: 130px;
}
.wrapp-panel__body.open{
  padding-top: 185px;
}
@media(max-width:992px){
  .wrapp-panel__body{
    padding-top: 137px;
  }
  .wrapp-panel__body.open{
    padding-top: 192px;
  }
}
.wrapp-panel__header.open{
  padding-bottom: 55px;
  border-bottom: 1px solid rgb(222 222 222 / 50%);
}
.panel-body__row-info{
  display: flex;
  align-items: center;
}
.panel-body__row-info .mobile{
  display: none;
  width: 60%;
}
.panel-body__row-info .mobile--arrow{
  width: 15%;
  justify-content: center;
}
@media(max-width:767px) {
  .wrapp-panel__header-link{
    display: none !important;
  }
  .panel-body__row-info{
    flex-wrap: wrap;
    box-shadow: 0px 4px 10px rgb(2 116 190 / 20%);
    align-items: stretch;
  }
  .panel-body__row-info .mobile{
    display: flex;
  }
  .panel-body__row-info > div{
    height: auto !important;
  }
  .wrapp-header{
    flex-direction: column;
    position: relative;
    align-items: flex-start;
  }
  .wrapp-header__logo{
    position: absolute;
    right: 0;
    top: 14px;
  }
  .wrapp-header__info{
    margin-left: 0;
  }
  .header{
    padding: 8px 0;
  }
  .wrapp-header__right{
    width: 100%;
    justify-content: flex-end;
    margin-top: 10px;
  }
  .wrapp-header__search-form .input-search{
    height: 35px;
  }
  .wrapp-header__search-form .close-search, .wrapp-header__search-form .button-search{
    /* right: 0; */
    width: 35px;
    height: 35px;
  }
  .wrapp-panel__header > div{
    border: none !important;
  }
  .wrapp-header__exit-link{
    position: absolute;
    left: 0;
    bottom: 3px;
  }
  .wrapp-header__right-link{
    position: relative;
    top: -3px;
  }
}
.daterangepicker .drp-selected{
  display: none !important;
}
.wrapp-panel__header-filter svg{
  width: 10px;
  height: 5px;
}
.wrapp-panel__header-filter svg:last-child{
  margin-top: 2px;
}
.wrapp-panel__body-empty{
  padding: 10px 0;
  text-align: center;
  color: #000;
}
.wrapp-panel__body-nav svg{
  width: 24px;
  height: 24px;
  transition: 0.3s ease
}
.wrapp-panel__header-filter{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
  padding-left: 10px;
  width: 40px;
  min-height: 48px;
}
.wrapp-panel__header-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapp-header__title{
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #0274BE;
  padding-left: 15px;
  width: 100%;
  flex: 1;
  min-height: 48px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px){
  .wrapp-header__title{
    padding-left: 10px;
  }
}
.wrapp-header__title b, .wrapp-header__title strong{
  display: none;
  font-weight: 600;
}
.wrapp-header__title b.one, .wrapp-header__title strong.one{
  display: flex;
}
@media(max-width:1650px) {
  .wrapp-header__title b.one{
    display: none;
  }
  .wrapp-header__title b.two {
    display: block;
  }
}
@media(max-width:767px) {
  .wrapp-header__title strong.one{
    display: none;
  }
  .wrapp-header__title strong.two {
    display: block;
  }
}
.panel .container{
  padding: 0;
}
.wrapp-panel__header-id, .wrapp-panel__body-id{
 /* flex: 1 1 100px;*/
  width: 6%;
}
.wrapp-panel__header-model, .wrapp-panel__body-model{
  /*flex: 1 1 124px;*/
  width: 15%;
}
.wrapp-panel__header-brand, .wrapp-panel__body-brand{
  /*flex: 1 1 232px;*/
  width: 13%;
}
.wrapp-panel__header-container, .wrapp-panel__body-container{
  width: 10%;
}
.wrapp-panel__header-year, .wrapp-panel__body-year{
  /*flex: 1 1 120px;*/
  width: 7%;
}
.wrapp-panel__header-vin, .wrapp-panel__body-vin{
  /*flex: 1 1 190px;*/
  width: 13%;
}
.wrapp-panel__header-title, .wrapp-panel__header-release, .wrapp-panel__header-documents, .wrapp-panel__body-title, .wrapp-panel__body-release, .wrapp-panel__body-documents{
  /*flex: 1 1 120px;*/
  width: 7%;
}
.wrapp-panel__header-vessel, .wrapp-panel__body-vessel{
  width: 14%;
}
.wrapp-panel__header-entry, .wrapp-panel__header-disbandment, .wrapp-panel__header-departure, .wrapp-panel__body-entry, .wrapp-panel__body-disbandment, .wrapp-panel__body-departure{
  width: 125px;
}
.wrapp-panel__header-status, .wrapp-panel__body-status{
  /*flex: 1 1 114px;*/
  width: 8%;
}

.wrapp-panel__body-id{
  cursor: pointer;
}
.wrapp-panel__body-status{
  justify-content: center;
  padding: 5px !important;
}
.wrapp-body__title .title{
  display: none;
  color: #0274BE;
  font-size: 10px;
}
@media(max-width:1500px) {
  .panel-body__row-info > div{
    padding: 5px 11px;
  }
  .wrapp-panel__header-documents, .wrapp-panel__header-release, .wrapp-panel__header-title,
  .wrapp-panel__body-documents, .wrapp-panel__body-release, .wrapp-panel__body-title{
    width: 50px;
  }
  .wrapp-panel__header-model, .wrapp-panel__body-model{
    width: 13%;
  }
  .wrapp-panel__header-status, .wrapp-panel__body-status{
    width: 13%;
  }
  .wrapp-panel__header-vin, .wrapp-panel__body-vin{
    width: 14%;
  }
  .wrapp-panel__header-documents .wrapp-header__title, .wrapp-panel__header-release .wrapp-header__title, .wrapp-panel__header-title .wrapp-header__title{
    padding-left: 0;
  }
}
@media(max-width:767px) {
  .wrapp-panel__body-id{
    /* width: 12%;
    justify-content: center !important; */
    display: none !important;
  }
  .wrapp-panel__body-id .wrapp-panel__body-nav{
    display: none;
  }
  .wrapp-panel__body-model{
    width: 38%;
  }
  .wrapp-panel__body-brand{
    width: 48%;
  }
  .wrapp-panel__body-year{
    width: 13%;
  }
  .wrapp-panel__body-vin{
    width: 40%;
    justify-content: center;
  }
  .wrapp-panel__body-vessel{
    width: 40%;
  }
  .wrapp-panel__body-container{
    width: 22%;
  }
  .wrapp-panel__body-title, .wrapp-panel__body-release, .wrapp-panel__body-documents{
    display: none !important;
    width: 100% !important;
  }
  .wrapp-panel__body-entry, .wrapp-panel__body-disbandment, .wrapp-panel__body-departure{
    width: 20%;
  }
  .wrapp-panel__body-status{
    width: 25%;
  }
  .panel-body__row-info .mobile .wrapp-panel__body-title,
  .panel-body__row-info .mobile .wrapp-panel__body-release,
  .panel-body__row-info .mobile .wrapp-panel__body-documents{
    display: flex !important;
  }
  .wrapp-body__title .title{
    display: block;
  }
  .wrapp-body__title{
    flex-direction: column;
    align-items: center;
  }
}
.wrapp-panel__header > div{
  border-bottom: 1px solid rgb(222 222 222 / 50%)
}
.wrapp-panel__header > div:not(:last-child){
  border-right: 1px solid rgb(222 222 222 / 50%)
}
.form-search{
  position: relative;
}
.panel-body__row-info > div{
  padding: 5px 16px;
  height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(222 222 222 / 50%);
  box-sizing: border-box;
}
@media(max-width:992px) {
  .wrapp-panel__header-id, .wrapp-panel__body-id{
    width: 80px;
  }
  .wrapp-panel__header-vin, .wrapp-panel__body-vin{
    width: 21%;
  }
  .wrapp-panel__header-model, .wrapp-panel__body-model{
    width: 24%;
  }
  .wrapp-panel__header-container, .wrapp-panel__body-container{
    width: 24%;
  }
  .wrapp-panel__header-documents, .wrapp-panel__header-release, .wrapp-panel__header-title, .wrapp-panel__body-documents, .wrapp-panel__body-release, .wrapp-panel__body-title{
    width: 40px;
  }
}
@media(max-width:1200px) {
  .panel-body__row-info > div{
    padding: 5px 6px;
  }
  .wrapp-panel__body-id{
    padding: 5px 11px !important;
  }
  .bot-info__row-title{
    font-size: 10px !important;
  }
  .wrapp-panel__header-entry, .wrapp-panel__header-disbandment, .wrapp-panel__header-departure, .wrapp-panel__body-entry, .wrapp-panel__body-disbandment, .wrapp-panel__body-departure{
    width: 100px;
  }
}
.wrapp-panel__body-id{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapp-panel__body-nav{
  display: flex;
}
.wrapp-body__title{
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
@media(max-width: 1650px){
  .wrapp-body__title, .wrapp-header__title{
    font-size: 9px !important;
  }
}
.wrapp-panel__body-vin .wrapp-body__title{
  font-weight: 600;
  color: #0000007b;
}
.wrapp-panel__body-model .wrapp-body__title{
  font-size: 12px;
  line-height: 16px;
}
.wrapp-panel__body-brand .wrapp-body__title{
  font-size: 12px;
  line-height: 16px;
}
.wrapp-panel__body-id .wrapp-body__title{
  font-size: 12px;
  line-height: 16px;
}
.wrapp-panel__body-status .wrapp-body__title{
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  padding: 4px 8px;
  border-radius: 4px;
}
.wrapp-body__title svg{
  width: 14px;
  height: 14px;
}
.wrapp-panel__header-title .wrapp-header__title, .wrapp-panel__header-release .wrapp-header__title, .wrapp-panel__header-documents .wrapp-header__title, .wrapp-panel__header-status .wrapp-header__title{
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}
.wrapp-panel__body-title{
  text-align: center;
  justify-content: center;
}
.wrapp-panel__body-release{
  text-align: center;
  justify-content: center;
}
.wrapp-panel__body-documents{
  text-align: center;
  justify-content: center;
}
.wrapp-panel__body-title .wrapp-body__title{
  display: flex;
}
.wrapp-panel__body-release .wrapp-body__title{
  display: flex;
}
.wrapp-panel__body-documents .wrapp-body__title{
  display: flex;
}
@media(max-width:992px) {
  .wrapp-panel__header-link{
    flex-direction: column;
    align-items: flex-start;
  }
  .wrapp-header__title{
    padding: 15px 5px 5px;
  }
  .wrapp-panel__header-filter{
    margin-bottom: 10px;
  }
  .wrapp-header__title, .wrapp-panel__header-filter{
    min-height: auto;
  }
  .wrapp-panel__header-bloc{
    height: 60px;
  }
  .wrapp-panel__header-documents, .wrapp-panel__header-release, .wrapp-panel__header-title, .wrapp-panel__body-documents, .wrapp-panel__body-release, .wrapp-panel__body-title{
    width: 30px;
  }
  .wrapp-panel__header-documents .wrapp-panel__header-link, .wrapp-panel__header-release .wrapp-panel__header-link, .wrapp-panel__header-title .wrapp-panel__header-link{
    transform: rotate(-90deg);
    height: 100%;
  }
  .wrapp-panel__header-documents .wrapp-header__title, .wrapp-panel__header-release .wrapp-header__title, .wrapp-panel__header-title .wrapp-header__title{
    padding: 0;
  }
  .wrapp-panel__body-status .wrapp-body__title{
    padding: 4px 3px;
  }
  .wrapp-panel__body-id{
    padding: 5px 6px !important;
  }

}
@media(max-width:767px) {
  .wrapp-panel__header-documents, .wrapp-panel__header-release, .wrapp-panel__header-title, .wrapp-panel__header-status{
    display: none;
  }
  .wrapp-panel__header-block{
    width: 100%;
  }
  .wrapp-panel__header-block .wrapp-header__title, .wrapp-panel__header-block .wrapp-panel__header-filter{
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .wrapp-panel__header-block .wrapp-panel__header-filter{
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}
.row-full__top{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0274BE;
  box-shadow: inset 0px 4px 10px rgba(2, 116, 190, 0.2);
  padding: 25px 15px;
}
.row-full__top--padding{
  display: flex;
  justify-content: center;
  max-width: 1670px;
  margin: 0 auto;
}
.top-info__text, .top-info__title{
  font-size: 12px;
  color: #000000;
  margin-bottom: 20px;
}
.top-info__title{
  font-weight: 600;
  color: #0274BE;
}
.top-info__title .two{
  display: none;
}
@media(max-width:1300px) {
  .top-info__title, .top-info__text{
    font-size: 10px;
  }
}
@media(max-width:1200px) {
  .top-info__title .one{
    display: none;
  }
  .top-info__title .two{
    display: inline-block;
  }
  .wrapp-body__title svg{
    width: 10px;
    height: 10px;
  }
}
.top-info__row{
  display: flex;
  justify-content: space-between;
}
.row-full__bot{
  background: #FFFFFF;
  box-shadow: inset 0px -4px 10px rgba(2, 116, 190, 0.2);
  padding: 30px 0;
}
.bot-info__row{
  display: flex;
  max-width: 1704px;
  margin: 0 auto;
  align-items: flex-start;
  padding-right: 150px;
}
.bot-info__invoice{
  width: 40%;
  margin-right: 150px;
}
.bot-info__invoice__row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.bot-info__invoice__row:last-child{
  margin-bottom: 0px;
}
.bot-info__invoice-summ{
  width: 57%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .bot-info__invoice{
    width: 46%;
  }
  .bot-info__invoice-summ{
    width: 57%;
  }
}
.bot-info__row-block{
  margin: 0 10px;
  position: relative;
}
/* .bot-info__row-status:before{
  content: '';
  background: rgb(222 222 222 / 40%);
  width: 115px;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -10px;
} */
.bot-info__row  div > span:first-child{
  display: block;
}
.bot-info__row-check svg{
  width: 20px;
  height: 20px;
}
.bot-info__row-check a{
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #0274BE;
  display: flex;
  align-items: center;
}
.bot-info__row-price{
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.bot-info__row-status span{
  font-family: Open Sans;
  font-weight: 600;
  display: block;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #3CC13B;
  padding: 4px 8px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #3CC13B;
  border-radius: 4px;
  border: 1px solid rgb(159, 224, 157);
}
.bot-info__row-flex{
  display: flex;
  width: 50%;
  justify-content: space-between;
}
.bot-info__row-flex > div span:last-child{
  color: #000000;
  font-weight: normal;
  margin-top: 28px;
  display: block;
}
.bot-info__row-title{
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #0274BE;
}
.row_2 .bot-info__row-title{
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #000000
}
.bot-info__row-sum span:last-child{
  margin-top: 15px;
  display: block;
}
.bot-info__row-sum{
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0274BE;
  text-align: right;
}

.row-full__1{
  width: 50%;
  margin-right: 80px;
}
.row-full__2{
  width: 25%;
  margin-right: 105px;
}
.row-full__3{
  width: 38%;
  padding-right: 150px;
}
.top-info__text{
  width: 100%;
  flex: 1;
}
.top-info__title{
  width: 155px;
  margin-right: 37px;
}
.row-full__1 .top-info__title{
  margin-right: 14px;
}
.row-full__3 .top-info__text{
  text-align: right
}
@media (max-width: 1700px) {
  .row-full__3{
    width: 40%;
    padding-right: 0;
  }
  .bot-info__row{
    padding-right: 0;
  }
  .bot-info__invoice{
    margin-right: 40px;
  }
}
@media (max-width: 1200px) {
  .row-full__top-info{
    margin-right: 30px;
  }
  .row-full__1{
    width: 50%;
  }
  .row-full__3{
    width:30%;
    margin-right: 0;
  }
  .top-info__title{
    width: 103px;
    margin-right: 25px;
  }
  .row-full__3 .top-info__title{
    width: 70px
  }
  .bot-info__row-sum{
    font-size: 10px;
  }
  .bot-info__row-sum span:last-child{
    font-size: 12px;
  }
  .top-info__text, .top-info__title{
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .row-full__top--padding{
    flex-wrap: wrap;
    max-width: 500px;
  }
  .row-full__top-info{
    margin-right: 0;
    position: relative;
  }
  .row-full__1{
    width: 100%;
    margin-bottom: 25px;
  }
  .row-full__2{
    width: calc(45% - 40px);
    margin-right: 40px;
  }
  .row-full__3{
    width: 55%;
  }
  .bot-info__row-flex{
    flex-wrap: wrap;
  }
  .bot-info__row-title{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 10px;
  }
  .bot-info__row-check a{
    font-size: 12px;
  }
  .bot-info__row-flex .bot-info__row-title:last-child{
    width: 100%;
    margin-bottom: 0;
  }
  .bot-info__row-flex > div span:last-child{
    margin-top: 0px;
  }
  .bot-info__row-status:before{
    width: 80px;
  }
  .bot-info__invoice{
    width: 60%;
  }
  .bot-info__invoice-summ{
    width: 40%;
  }
}
@media (max-width:767px) {
  .bot-info__row{
    flex-direction: column;
  }
  .bot-info__invoice{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .bot-info__invoice-summ{
    width: 100%;
  }
  .bot-info__row-flex{
    flex-wrap: nowrap;
  }
  .bot-info__row-title{
    width: 100%;
    align-items: flex-start;
  }
  .bot-info__row-flex > div span:last-child{
    margin-top: 20px;
  }
  .bot-info__row-title{
    margin-bottom: 0;
  }
}
@media (max-width: 630px) {
  .row-full__top{
    padding: 25px 15px;
  }
  .row-full__2{
    margin-right: 20px;
    width: calc(45% - 20px);
  }
}
@media (max-width: 479px) {
  .row-full__1::after, .row-full__2::after{
    content: '';
    width: 120px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .row-full__1{
    margin-bottom: 20px;
  }
  .row-full__2{
    margin-right: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .row-full__3{
    width: 100%;
  }
  .top-info__text{
    text-align: right;
  }
}

.bot-info__row-sum{
  width: 40%;
}

.wrapp-pagination{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media(max-width:767px){
  .wrapp-pagination__page{
    display: none;
  }
}
.wrapp-pagination__page-title{
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.wrapp-pagination__page-list{
  outline: none;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  cursor: pointer;
  line-height: 16px;
}
.wrapp-pagination__items{
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 136px;
}
.wrapp-pagination__nav{
  margin-left: 48px;
}
.wrapp-pagination__nav ul{
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0
}
.wrapp-pagination__nav svg{
  width: 24px;
  height: 24px;
}
.wrapp-pagination__nav a{
  display: flex
}
.wrapp-pagination__nav ul li:first-child{
  margin-right: 20px;
}
.panel-body__row-full{
  display: none;
}
.panel-body__row-info.active-menu ~ .panel-body__row-full{
  display: block;
}
.active-menu .wrapp-panel__body-nav svg{
  transform: rotate(90deg)
}
.during .wrapp-body__title{
  color: #0274BE;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #0274BE;
  border: 1px solid rgb(128, 186, 223);
}
.completed .wrapp-body__title{
  color: #3CC13B;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #3CC13B;
  border: 1px solid rgb(159, 224, 157);
}
.header-panel__filter{
  position: absolute;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.wrapp-panel__header-model .header-panel__filter{
  width: 25%;
}
/*.wrapp-panel__header-vessel .header-panel__filter{*/
/*  width: 25%;*/
/*}*/
.input-search{
  background: #FFFFFF;
  border-radius: 8px;
  outline: none;
  border: 1px solid rgb(222 222 222 / 50%);
  height: 40px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 60px;
  width: 100%;
}
.button-search{
  height: 40px;
  width: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
  border: none;
  background-image: url(/wp-content/themes/x/img/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: unset;
  background-size: auto;
  cursor: pointer;
}
.button-close{
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2393979c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}
.form-search .button-close{
  position: absolute;
  right: 35px;
  display: none;
  top: 9px;
}
/* .wrapp-panel__header-block.active{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #0274BE;
} */
.wrapp-panel__search.open{
  display: block;
}
.active .header-panel__filter{
  opacity: 1;
  visibility: visible;
}
.wrapp-header__search-form{
  position: absolute;
  width: 235px;
  display: flex;
  left: -210px;
  opacity: 0;
  visibility: hidden;
  top: -12px;
}

.wrapp-header__search-form .input-search:focus{
  border: 1px solid #0274BE;
}
.close-search svg{
  width: 22px;
  height: 22px;
}
.close-search{
  cursor: pointer;
  width: 40px;
  position: absolute;
  right: 26px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  outline: none;
  border: none;
}
.wrapp-header__search-form.active{
  opacity: 1;
  visibility: visible;
}
.wrapp-pagination__nav--mobile{
  display: none;
}
.wrapp-pagination__nav--mobile ul{
  display: flex;
  list-style: none;
}
.wrapp-pagination__nav--mobile ul a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #C2C9D1;
  margin-left: 8px;
}
.wrapp-pagination__nav--mobile ul li.active a{
  color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0274BE;
  border-color: rgb(192, 220, 239);
  color: #0274BE;
}
.daterangepicker.openscenter:before, .daterangepicker.openscenter:after{
  display: none;
}
.daterangepicker{
  background: #FFFFFF;
  box-shadow: 0px 30px 84px rgba(19, 10, 46, 0.08), 0px 8px 32px rgba(19, 10, 46, 0.07), 0px 3px 14px rgba(19, 10, 46, 0.03), 0px 1px 3px rgba(19, 10, 46, 0.13);
  border-radius: 12px;
  border: none;
  padding: 20px;
  width: auto;
}
.daterangepicker .prev.available, .daterangepicker .next.available{
  display: none;
}
.daterangepicker .month{
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.daterangepicker .month select{
  border: none;
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
  color: #19181A;
  line-height: 24px;
  width: auto;
  outline: none;
  height: 40px;
  padding-right: 15px;
}
.daterangepicker select.monthselect{
  margin-right: 20px;
}
.daterangepicker .drp-calendar{
  max-width: 300px;
  width: 300px;
  padding: 0 !important;
}
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th{
  height: 37px;
  font-size: 13px;
  color: #19181A
}
.daterangepicker .calendar-table th{
  font-weight: 600;
}
.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date{
  color: #19181a48;
}
.daterangepicker .calendar-table table{
  border-collapse: unset;
}
.daterangepicker .calendar-table td.today{
  color: #19181a48;
  border: 1px solid #19181a48;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0274BE;
  border: 1px solid rgb(192, 220, 239) !important;
  color: #0274BE;
}
.daterangepicker .drp-buttons{
  border: none;
  padding-top: 20px;
}
.daterangepicker .drp-buttons .btn{
  font-weight: 600;
  font-size: 14px;
  border: none;
  padding: 15px 10px;
  width: 50%;
  margin: 0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.daterangepicker .drp-buttons .btn.applyBtn{
  background: #0274BE;
  border: 1px solid #0274BE;
  color: #fff;
}
.daterangepicker .drp-buttons .btn.applyBtn:hover{
  background: none;
  color: #0274BE;
}
.daterangepicker .drp-buttons .btn.cancelBtn{
  color: #0274BE;
  background: none;
}
@media (max-width: 1600px){
  .img-background{
    left: -250px;
  }
  .wrapp-not-found__title{
    margin-top: 70px;
  }
}
@media (max-width: 1300px){
  .img-background{
    left: -400px;
  }
  .wrapp-not-found__description{
    font-weight: normal;
  }
  .wrapp-header__search-form{
    top: -11px;
  }
}
@media (max-width: 1000px){
  .img-background{
    left: -491px;
  }
  .wrapp-login__title h1{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767px){
  .img-background{
    display: none;
  }
  .wrapp-login__title{
    margin-top: 30px;
  }
  .wrapp-login__title h1{
    font-size: 20px;
    line-height: 28px;
  }
  .wrapp-login__form{
    margin-top: 24px;
  }
  .wrapp-login__form-password{
    margin-top: 24px;
  }
  .wrapp-login__form-sumbit{
    margin-top: 24px;
  }
  .wrapp-login__memory{
    margin-top: 34px;
  }
  .wrapp-not-found__title h1{
    font-size: 72px;
    line-height: 98px;
  }
  .wrapp-not-found__subtitle{
    margin-top: 24px;
  }
  .wrapp-not-found__description{
    margin-top: 24px;
    font-size: 10px;
    line-height: 14px;
  }
  .wrapp-not-found__btn{
    margin-top: 24px
  }
  .wrapp-pagination__items{
    margin-left: 0;
  }
  .wrapp-pagination__nav{
    display: none;
  }
  .wrapp-pagination__nav--mobile{
    display: block;
  }
  .wrapp-pagination{
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
  }
  .header-panel__filter{
    left: 50%;
    transform: translate(-50%);
    width: calc(100% - 20px) !important;
    max-width: 360px;
  }
  .wrapp-panel__header-vessel .header-panel__filter{
    top: 45px;
  }
  .wrapp-panel__header-departure .header-panel__filter{
    top: 90px;
  }
  .wrapp-panel__header.open{
    padding-bottom: 150px;
  }
  .wrapp-panel__header{
    top: 86px;
  }
  .wrapp-panel__body{
    padding-top: 87px;
  }
  .wrapp-panel__body.open{
    padding-top: 238px;
  }
}
@media (max-width: 420px){
  .wrapp-not-found{
    max-width: 215px
  }
  .wrapp-not-found__description br{
    display: block;
  }
  .daterangepicker{
    padding: 10px;
  }
}
footer{
  padding-top: 15px;
  padding-bottom: 30px;
}
.footer__row{
  display: flex;
  justify-content: space-between;
}
.footer__row a, .footer__row p{
  color: #0274BE;
  font-size: 10px;
}
.footer__row a:hover{
  text-decoration: underline !important;
}
.wrapp-pagination--row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  margin-top: 30px;
  padding-bottom: 30px;
}
.wrapp-pagination--row__download{
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0274BE;
  cursor: pointer;
}
.wrapp-pagination--row__download:hover{
  text-decoration: underline !important;
}
.file-xlsx{
  width: 25px;
  height: 20px;
  margin-left: 10px;
}
@media(max-width: 550px){
  .wrapp-pagination--row{
    flex-wrap: wrap;
  }
  .wrapp-pagination{
    width: 100%;
  }
}

.login-as__buttons{
  width: 350px;
}
#login-as__select{
  flex: 1;
  width: 100%;
}
@media(max-width: 600px){
  .login-as__wrap .login-as{
    flex-direction: row !important;
  }
  .login-as__wrap .login-as__buttons{
    width: 130px;
  }
  .login-as__wrap .login-as__buttons button{
    margin: 5px !important;
  }
}