:root {
  --main-color: #2c2e33;
  --passive-color: white;
  --save-color: rgba(1, 24, 1, 0.753);
  --cancel-color: rgb(175, 175, 175);
  --danger-color: rgb(255, 147, 147);
  --warning-color: rgba(216, 119, 40, 0.616);
  --success-color: rgb(142, 190, 163);
  --my-blue: rgb(215, 235, 243);

  
  --order-name-color: rgba(255, 255, 255, 0.5);
  --orde-main-color-word: #2c2e33;

  --order-main-btn-color: #712b43;
  --order-btn-color: #712b43;
}

body {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  background-color: #eeeeee;
  position: relative;
}

body::before {
  content: '';
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: -1;
  background-image: url('../img/background2.png');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.7;
}

label {
  padding: 0;
}

.btn-reset {
  border: none;
  background-color: transparent;
}

.btn-save,
.btn-send-notice,
.btn-get-new-guid {
  background-color: #712b43;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.border-shadow {
  box-shadow: 20px 20px 25px 10px rgba(0, 0, 0, 0.08)
}

/* authorization */
.login {
  position: relative;
  max-width: 500px;
  padding-bottom: 40px;
  border-radius: 20px;
  color: #712b43;
  font-weight: 600;
}

.header-login {
  padding-bottom: 12%;
}

.login label {
  display: block;
}

.login__logo {
  display: block;
  margin: 0 auto;
  height: 100px;
  padding-bottom: 20px
}

.login__title {
  /* font-size: large; */
  text-align: center;
  font-size: 72px;
}

.login__form .mb-3 {
  width: 100%;
}

.login__error {
  display: none;
  font-size: 10px;
  text-align: center;
  color: #712b43;
}

.login__change-password {
  font-size: 12px;
  font-style: italic;
  padding-left: 5px;
  cursor: pointer;
}

.login__change-password:hover, 
.login__change-password:focus {
  font-size: 14px;
  transform: translateY(2px);
}

.login__change-password:active {
  transform: translateY(2px);
}

.btn__login {
  /* background-color: #2e343a; */
  background-color: #712b43;
  display: block;
  margin: 0 auto;
  color: white;
  text-align: center;
  /* padding: 30px auto; */
  width: 100px;
}

.login-spinner {
    margin-left: calc(50% - 12px);
}

.btn__login:hover,
.btn__login:active,
.logout:hover,
.logout:active,
.btn-save:hover,
.btn-save:active,
.btn-get-new-guid:active,
.btn-get-new-guid:hover,
.btn-send-notice:hover,
.btn-send-notice:active,
.notice__btn-group:hover,
.notice__btn-group:active,
.btn-add-doc-rec:hover,
.btn-add-doc-rec:active,
.btn-choose-warehouse:hover,
.btn-choose-warehouse:active {
  opacity: 0.9;
}
.logout:hover {
  background-color: #712b43;
}

.btn__login:hover {
  background-color: #712b43;
  color: #eee;
}

.btn__login:focus,
.logout:focus,
.btn-save:focus,
.btn-send-notice:focus,
.notice__btn-group:focus,
.btn-add-doc-rec:focus {
  transform: translateY(2px);
}

.btn-choose-warehouse {
  background-color: #712b43;
  border: none;
}

.btn-choose-warehouse:hover {
  background-color: #712b43;
}

.list-warehouse {
  padding: 0;
  border-radius: 5px;
}

.list-warehouse li{
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.offcanvas-body {
  display: flex;
  flex-direction: column;
}

.offcanvas::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url('../img/background.png');
  background-repeat: no-repeat;
  background-position: 75%;
  opacity: 0.2;
}

.offcanvas-btn {
  width: 100%;
  background-color: #712b43;
}

.offcanvas-warehouse,
.offcanvas-log {
  border-radius: 5px;
  background-color: #712b43;
  color: white;
  padding: 5px;
  padding-left: 20px;
}

.list-offcanvas-warehouse li {
  background-color: #712b43;
  color: #eee;
  border: none;
  padding: 0;
}

.offcanvas-log {
  cursor: pointer;
}

.list-offcanvas-warehouse li span {
  font-size: 18px;
}

.offcanvas-log__link {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
}

.offcanvas-log__link:hover,
.offcanvas-log__link:focus {
  color: #fff;
}

.offcanvas-log__link:active {
  color: #fff;
}

.offcanvas-log:hover {
  background-color: #2e343a;
}

/* main */
/* header */

.header {
  display: flex;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 30px;
  max-width: 1200px;
}

.header__container {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 20px;
  justify-content: space-between;
  align-items: center;
  min-width: 700px;
}

.back-page {
  display: inline-block;
  background-image: url('../img/back1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-left: -15px;
  /* position: absolute;
  top: 10px;
  left: 15px; */
}

.main-logo {
  height: 40px;
  cursor: pointer;
}

.header-container__rigth {
  display: flex;
  flex-direction: row;
}


.user-card {
  margin-right: 20px;
  vertical-align: middle;
}

.user-card__avatar {
  width: 35px;
}

.user-card__name {
  vertical-align: middle;
  font-size: larger;
}

.logout {
  height: 40px;
  margin-left: 20px;
  background-color: #2e343a;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

.btn__sidebar {
  height: 40px;
  cursor: pointer;
  padding-left: 20px;
}

.main__title-group {
  margin-bottom: 10px;
}

#type-tables {
  background-color: #712b43;
  color: white;
  border-radius: 5px;
  padding: 5px;
  font-size: 20px;
  width: 390px;
  cursor: pointer;
}

#type-tables:hover,
.btn-update__reg-data:hover,
.btn-update__order-data:hover,
.btn__open-warehouse:hover,
.btn__download-notice:hover,
.btn__download-xml:hover {
  background-color: #2e343a;
}

.container-order {
  display: flex;
  flex-direction: column;
}

.main-container {
  flex-direction: column;
  padding-top: 10px;
}

.table-order tbody, 
.table-logBook tbody{
  height: 100px;
}


.logbook-table__row td,
.order-table__row td,
.ts-table__row td {
  padding: 4px 5px;
  cursor: pointer;
  font-size: 15px;
}

.logbook-table__row:hover td,
.order-table__row:hover td,
.list-warehouse li:hover,
.ts-table__row:hover td,
.list-docs__item:hover,
.list-docs__item:focus,
.list-pallets li:hover,
.list-pallets li:focus {
  cursor: pointer;
  background-color: #712b43;
  color: #eeeeee;
}

.table__search {
  width: 390px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 5px;
}

/* transpost */

.item-add-new-transport,
.dropdown-item {
  cursor: pointer;
}

.item-add-new-transport:hover,
.dropdown-item:hover {
  background-color: #712b43;
  color: #eeeeee;
}

#modalTransport,
#modalTransportForNotice {
  position: absolute;
  width: 600px;
  top: 150px;
  left: calc(50%  - 300px);
}

#modalTransport .modal-dialog,
#modalTransportForNotice .modal-dialog {
  margin: 0;
}


#modalMainTransport .row {
  margin-bottom: 10px;
}

/* main */
.main {
  max-width: 1200px;
  margin: 0 auto;
}

/* logbook */

.modal-body__logbook .row,
.modal-body__transport .row {
  margin-bottom: 10px;
}

.modal-body__logbook .row label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.modal-body__logbook .row label img{
  width: 18px;
  margin-right: 5px;
}

/* .img-customer {
  width: 38px;
  height: 18px;
} */

#modalLogbook .modal-dialog {
  max-width: 600px;
}

#modalLogbook .btn-save {
  width: 100%;
}

#logbook-date {
  /* width: 32%;
  margin: 0 auto;
  margin-left: 0px; */
}

.seal-block {
  display: none;
}

/* modal notification */
#modalNotice .modal-dialog-notice {
  max-width: 1000px;
  min-width: 1000px;
}

.modal-body__notice {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 40px;
  max-height: 900px;
  min-height: 740px;
}

#notice__product-availability {
  padding: 5px;
}

.notice__left-block .row:not(:last-child) {
  margin-bottom: 10px;
}

.notice__left-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 52%;
  height: 870px;
}

.notice__right-block {
  width: 47%;
}

#notice-form .row label {
  font-size: 12px;
}

#notice-form .row {
  margin-bottom: 6.5px ;
}


#notice-form .row-guid {
  margin-bottom: 5px;
  margin-top: -15px;
}

.input-guid {

}

#notice-form {
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}

.notice-form__top {
  margin-bottom: 20px;
  overflow: hidden;
}

.notice__right-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.notice__vertical,
.notice__ts,
.notice__main  {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 44%;
  padding: 5px;
  padding-top: 10px;
  border-radius: 10px;
  border: 1px solid #712b43;
  position: relative;
}

.notice__ts {
  height: 30%;
}

.notice__main {
  padding: 5px;
  padding-top: 10px;
  height: 68%;
}

.notice__main .row {
  margin: 0;
  padding: 2px 0px;
}

.notice__vertical .row {
  margin: 0;
  padding: 2px 0px;
}

.notice__vertical-table {
  height: 100%;
  overflow-y: auto;
}

.notice__vertical-title {
  font-size: 24px;
  text-align: justify;
  position: absolute;
  top: -15px;
  left: 40px;
  background-color: white;
}

.notice-content .notice__vertical-title {
  background-color: transparent;
}
.notice-content table thead th {
  font-size: 14px;
}

.notice-content .modal-body__notice {
  padding: 0;
}
.notice-content .notice-block {
  height: 900px;
}

.notice-content .notice__verticle,
.notice-content .notice__vertical {
  background-color: rgba(255, 255, 255, 0.4);
  border: none; 
}

.notice-content input[type='submit'],
.notice-content button[type='submit'],
.notice-content button,
.notice-content .notice__quant-row,
.notice-content .notice__quant-row {
  background-color: var(--order-main-btn-color);
  color: var(--orde-main-color-word);
}

.notice-content #notice-form input {
  margin-bottom: 4px;
}

#notice__weight {
  /* padding: 0; */
  /* height: 25px; */
}

/* добавить документы и получателей */
.notice__btn-group {
  background-color: #712b43;
  color: #fff;
  display: block;
  padding: 5px;
  border-radius: 5px;
  border: none;
}

.notice-content .notice__btn-group,
.notice-content .btn-get-new-guid,
.notice-content .btn-save {
  color: #fff;
}

.notice-content .notice__btn-group,
.notice-content .btn-get-new-guid {
  font-size: 14px;
}

.notice-content .btn-get-new-guid {
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
}

.notice-content .btn-get-new-guid:hover {
  background-color: var(--order-main-btn-color);
  opacity: 1;
}

.notice__block-hide {
  /* position: absolute; */
  background-color: #fff;
  width: 400px;
  top: calc(50% - 120px);
  left: calc(50% - 200px);
  border: 1px solid #712b43;
  border-radius: 10px;
  padding: 5px;
  display: none;
  z-index: 3;
}

.notice__block-hide form button[type = submit] {
  display: block;
  background-color: #712b43;
  color: #fff;
  border-radius: 5px;
  width: 100%;
  margin-top: 5px;
}

.notice__block-hide h4 {
  font-size: 20px;
}

.notice__block-hide label span {
  font-size: 12px;
}


/* delete row doc or rec */
.btn-delete-row-doc-rec {
  display: block;
  background-image: url('../img/delete.svg');
  background-repeat: no-repeat;
  background-position: center;
  /* background-size: contain; */
  height: 30px;
  width: 20px;
  margin: 0 auto;
  margin-right: 0;
}

.btn-delete-row-doc-rec:hover {
  background-image: url('../img/deleteHover.svg');
}

.notice-content .btn-delete-row-doc-rec {
  background-color: transparent;
}

.notice__quant-row {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 28px;
  height: 20px;
  text-align: center;
  background-color: #712b43;
  color: #fff;
  border-radius: 5px;
}


.notice-documents__table tbody tr td,
.notice-recipients__table tbody tr td {
  padding: 0;
  cursor: pointer;
}

.notice-documents__table tbody tr td:first-child,
.notice-recipients__table tbody tr td:first-child {
  padding-left: 10px;
} 

.notice-documents__table tbody tr td:last-child,
.notice-recipients__table tbody tr td:last-child {
  padding-right: 10px;
} 

.active-client__row td{
  background-color: #712b43;
  color: #fff;
}

.notice-recipients__table thead th {
  font-size: 15px;
}

.notice__btn-add-newTrailer {
  margin: 0 auto;
  margin-right: 0;
  width: 20px;
  height: 20px;
  background-image: url('../img/plus.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.notice__btn-add-newTrailer:hover {
  background-image: url('../img/plusHover.svg');
}

.notice__form-ts .relative,
.transport-form .relative,
.relative {
  padding: 0;
}

.notice__form-ts .relative input {
  width: 100%;
}

.modal-dialog.opacity-modal::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  pointer-events: none;
}

/* modal order */

#modalOrder .modal-dialog {
  max-width: 800px;
  min-width: 600px;
}

.order-form {
  padding: 20px;
}

.order-form .row:not(:last-child) {
  margin-bottom: 10px;
}

.order-form .btn-save {
  width: 100%;
}

.order__date-block {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.order__date-block label span {
  display: inline-block;
  width: 44px;
  font-size: 14px;
}

.order__date-block label:not(:last-child) {
  margin-bottom: 10px;
}

#order__logbook {
  /* width: 100%; */
}

.order__row-logbook-search {
  margin: 0;
  padding: 0;
  position: relative;
}

.order__inp-logbook-search {
  width: 100%;
  margin-bottom: 5px;
  height: 25px;
  font-size: 16px;
  /* position: absolute; */
  /* background-color: transparent; */
}

/* modal directory */
#modalDirectory,
#modalDirectoryLogbook,
#modalDirectoryTransport,
#modalDirectoryForClients {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 10px;
  width: 500px;
  left: calc((100vw - 500px)/2);
  border-radius: 10px;
  z-index: 3;
  /* left: 0; */
}
#modalDirectoryTransport,
#modalDirectoryForClients {
  top: 0;
}

#modalDirectoryLogbook {
  left: calc((100vw - 600px)/2);
  width: 600px;
}

#modalDirectoryLogbook .modal-content,
#modalDirectoryTransport .modal-content,
#modalDirectoryForClients .modal-content {
  max-height: 800px;
  overflow: auto;
}

#modalDirectoryForClients .modal-content{
  min-height: 700px;
}

.btn-close-directory {
  background-image: url('../img/close.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-right: 0;
}

.btn-close-directory:hover {
  background-image: url('../img/closeHover.svg');
}

#modalDirectory .modal-dialog {
  width: 500px;
}

.directoryLogbook__list,
.directory__list,
.directoryTransport__list,
.directoryForClients__list,
.directoryTs__list{
  max-height: 600px;
  overflow-y: auto;
}

#directory__search,
#directoryLogbook__search,
#directoryTransport__search,
#directoryForClietns__search,
#directoryTs__search {
  display: block;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
  padding-left: 10px;
}

.directory__list .list-group-item,
.directoryLogbook__list .list-group-item,
.directoryTransport__list .list-group-item,
.directoryForClients__list .list-group-item,
.directoryTs__list .list-group-item {
  cursor: pointer;
  padding: 4px 10px;
}

.directory__list .list-group-item:hover,
.directoryLogbook__list .list-group-item:hover,
.directoryTransport__list .list-group-item:hover,
.directoryForClients__list .list-group-item:hover,
.directoryTs__list .list-group-item:hover {
  background-color: #712b43;
  color: #fff;
}

.directory__list .item-active,
.list-warehouse .item-active,
.directoryTransport__list .item-active,
.directoryForClients__list .item-active,
.directoryTs__list .item-active {
  background-color: #712b43;
  color: #fff;
}

.directory-code {
  font-weight: 600;
}

.hidden-directory-item {
  display: none;
}

/* context */
.contextmenu {
  width: 150px;
  position: absolute;
}

.contextmenu-list {
  list-style: none;
}

.contextmenu-list .list-group-item {
  cursor: pointer;
}

.contextmenu-list .list-group-item:hover {
  background-color: #712b43;
  color: white;
}

/* pagination */
.table-navigation ul {
  display: flex;
  justify-content: center;
}

.table-navigation .page-link {
  color: #2c2e33;
}

.pagination-order .page-link,
.pagination-logbook .page-link  {
  padding: 0 10px;
}

.pagination-order .page-link span,
.pagination-logbook .page-link span {
  font-size: 20px;
}



.pagination-order .order__page-link-start span,
.pagination-order .order__page-link-end span {
  /* font-size: 15px; */
}

.pagination-order .page-link:hover,
.pagination-logbook .page-link:hover {
  background-color: #712b43;
  color: #fff;
}

.order__page-link-next,
.logbook__page-link-next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* выпадающий список */
.dropdown-block {
  position: absolute;
  z-index: 200;
  width: 100%;
  padding: 5px;
  max-height: 50px;
  left: 0;
  top: 28px;
  background-color: #f1f0f0;
  padding: 0;
  border-top-left-radius: none;
  border-top-right-radius: none;
}

.dropdown-block .list-dropdown {
  border-top: none;
  padding: 0;
  border-left: 4px solid #712b43;
  border-right: 4px solid #712b43;
  border-bottom: 4px solid #712b43;
}

.btn__open-additional-window {
  /* position: absolute; */
  font-size: 20px;
  vertical-align: middle;
  align-content: center;
  
  border-left: none;
  background-color: transparent;
  max-height: 40px;
  padding: .375rem .75rem;   
  padding-bottom: 10px; 
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  /* trasnition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
}

.btn__open-additional-window:hover {
  background-color: #4f172b;
  color: #fff;
}

.dropdown-block 
.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-block 
.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.item-add-new-transport {
  background-color: #712b43;
  color: #eee;
  border: none;
}

.relative {
  position: relative;
}

@media (max-width: 1400px) {
  .header__container {
    width: 100%;
    max-width: 1200px;
    min-width: 100%;
    margin: 0;
  }
}

/* отдельные стили для страницы заказов */
.order {
  margin: 0 auto;
  padding: 25px 50px;
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.order-title {
  position: relative;
  margin: 0 auto;
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
  background-color: var(--order-name-color);
  color: var(--orde-main-color-word);
  padding: 5px;
  width: 100%;
  border-radius: 20px;
}

.main-order {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* .main-order__list {
  background-color: transparent;
} */

.main-order__item {
  background-color: transparent;
  border: none;
}

.main-order__item button {
  background-color: var(--order-main-btn-color);
  color: #eee;
  width: 100%;
  border: 3px solid var(--order-main-btn-color);
  border-radius: 20px;
  padding: 5px;
  font-size: 14px;
}

.main-order__item button:hover,
.main-order__item button:focus,
.main-order__item button:active {
  background-color: #eee;
  color: #712b43;
}

.main-order__btn-active {
  background-color: #eee !important;
  color: #712b43 !important;
}


.main-order__rigth {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.order-rigth__title {
  height: 50px;
  /* border: 3px solid var(--order-name-color); */
  border-radius: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 28px;
  background-color: var(--order-name-color);
  color: var(--orde-main-color-word);
}

.order-rigth__content {
  height: max-content;
  min-height: 400px;
}

.order-content {
  padding: 20px;
  min-height: calc(100vh - 350px);
  min-width: 600px;
}

.service-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-content__top, 
.accordion__goods-batch {
  width: 100%;
  overflow: auto;
} 

.service-content__top thead,
.accordion__goods-batch thead {
  display: table-header-group;
}

.service-content__top table,
.accordion__goods-batch table {
  width: 100%;
  border-collapse: collapse;
  /* font-size: ; */
}

.service-content__top th, td {
  padding: 8px;
}

.accordion__goods-batch tr td {
  width: 7%;
}

.accordion__goods-batch tr td:nth-child(5) {
  width: 18%;
}

.accordion__goods-batch tr td:nth-child(6) {
  width: 14%;
}

.accordion__goods-batch tr td:nth-child(7),
.accordion__goods-batch tr td:nth-child(13),
.accordion__goods-batch tr td:nth-child(8),
.accordion__goods-batch tr td:nth-child(9) {
  width: 5%;
}

.accordion__goods-batch table head th:last-child{
  width: calc(7% + 20px);
}

.accordion__goods-batch tr td:nth-child(12),
.accordion__goods-batch tr td:nth-child(9) {
  width: 6%;
}


.service-content__top tbody,
.accordion__goods-batch tbody {
  display: block;
  max-height: 500px;
  overflow-y: auto;
}

.service-content__top tbody {
  max-height: calc(100vh - 500px);
}

.service-content__top tr,
.accordion__goods-batch tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* чтобы строки совпадали по ширине */
}


.files-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.files-table {
  overflow: auto;
}

#file-order {
  padding: 15px 30px;
  color: #fff;
}

.form-files {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  align-items: center;
}

.form-files input {
  background-color: var(--order-btn-color);
  padding: 10px;
  border: none;
  color: var(--orde-main-color-word);
  /* border: 4px solid var(--orde-main-color-word); */
  width: 100%;
  font-size: 12px;
}

.form-files textarea {
  width: 100%;
}

.form-files input:hover {
  transform: translateY(2px);
}

.form-files label {
  width: 100%;
}

.form-files label:not(:last-child) {
  margin-bottom: 10px;
}

.btn-download-file,
.btn-delete-file {
  display: block;
  margin: 0 auto;
  background-image: url('../img/download.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 25px;
}

.btn-download-file:hover {
  background-image: url('../img/downloadHover.svg');
}

.footer__order-service button {
  font-size: 12px;
}

.btn-download-all-files {
  display: block;
  margin: 0 auto;
  margin-right: 0;
  width: 200px;
  background-color: #712b43;
  color: #fff;
  border: 2px solid #712b43;
  font-size: 12px;
}

.btn-delete-file {
  background-image: url('../img/delete.svg');
}

/* .btn-download-all-files:hover {
  background-color: #ffffff;
  color: #712b43;
} */

.btn-delete-file:hover {
  background-image: url('../img/deleteHover.svg');
}

.files-table__block {
  max-height: 500px;
  overflow: auto;
  margin-bottom: 10px;
}

.back-main-page {
  position: absolute;
  top: calc(50% - 15px);
  left: 30px;
  height: 30px;
  font-size: 15px;
}

.back-main-page:hover {
  transform: scale(1.2);
   text-decoration: underline;
}

.main__btn-group {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 30px;
}

.main__btn-group button {
  width: 390px;
  padding-bottom: 10px;
}

.static__block-download {
  display: block;
  width: 500px;
  margin: 0 auto;
  margin-top: 50px;
}

.static__block-download 
.spinner-grow {
  background-color: #712b43;
}

.static__block-download 
.spinner-grow:not(:last-child) {
  margin-right: 20px;
}

.main-log__container {
  padding: 20px 30px;
}

.main-log__pagination-link {
  text-decoration: underline;
  cursor: pointer;
}
.main-log__pagination-link:hover {
  font-weight: 600;
}

.link-reset {
  color: #2c2e33;
}

.main-log__content 
.row {
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.warning-row td {
  background-color: #f9a865;
  color: #fff;
}

.orange-row td {
  background-color: #eb8e4c;
  color: #fff;
}

.success-row td {
  background-color: #6aa46b87;
  color: #fff;
}

.danger-row td {
  background-color: #ec9090;
  color: #fff;
}

body#body-log::before{
  content: '';
  background-image:none;
}

.form__filter-registration {
  display: flex;
  justify-content: space-between;
  width: 450px;
  margin-bottom: 10px;
}

.form__filter-registration input {
  padding: 5px;
  border-radius: 5px;
}

.form__filter-registration input[type='submit'] {
  background-color: #712b43;
  color: #fff;
  border: none;
}

.form__filter-registration input[type='submit']:hover {
  background-color: #2e343a;

}

.registration__filter-block {
  display: flex;
  justify-content: space-between;
}

.file-list__item {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #712b43;
  padding-bottom: 5px;
}

.file-list__item span:first-child {
  margin-right: 10px;
  width: 180px;
}

#modalDataRegistration .modal-dialog,
#modalDataFile .modal-dialog {
  max-width: 700px;
  margin-top: 250px;
  min-height: max-content;
}

#modalDataFile .modal-dialog {
  margin-top: 50px;
  max-width: 900px;
}

.file-list__item:not(:first-child):hover {
  background-color: #712b43;
  color: #fff;
  cursor: pointer;
}

.modal-body__files-xml {
  word-break: break-all;
  max-height: 800px;
  overflow-y: auto;
}

.btn-update__reg-data,
.btn-update__order-data,
.btn__open-warehouse,
.btn__download-notice,
.btn__download-xml {
  background-color: #712b43;
  color: #ffffff;
  padding: 10px;
  width: 390px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.btn__download-notice {
  margin: auto;
  width: 80%;

}
.btn__download-xml {
  margin: auto;
  width: 18%;
}

.notice__download-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}


#modalListDocs .modal-dialog,
#modalGoods .modal-dialog {
  position: relative;
  margin-top: 150px;
  width: 600px;
}

.modalGoods__body {
  position: relative;
}

.modalGoods__body .row{
  margin-bottom: 10px;
}

.modalGoods__body form {
  position: absolute;
  top: -90px;
  left: -50px;
  /* border: 1px solid #712b43; */
  /* position: relative; */
  width: calc(100% + 100px);
  padding: 10px;
  padding-right: 40px;
  padding-top: 25px;
  padding-left: 40px;
  margin-bottom: 10px;
  background-color: #ffffff;
}

.modalGoods__body form .row:last-child {
  /* margin-top: 25px; */
  padding-top: 25px;
  /* border-top: 1px solid #2e343a; */
}

.goods__form-title {
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#selectPallet {
  border-radius: 5px;
  padding: 5px 10px;
}

.my-btn {
  background-color: #712b43;
  color: white;
  padding: 5px 15px;
  border-radius: 5px;
  border: none;
}

.my-btn:hover,
.my-btn:active,
.my-btn:focus {
  background-color: #712b43;
  color: white;
  opacity: 0.9;
}

.my-btn-secondary {
  background-color: #2e343a;
  color: #fff;
  border-radius: 5px;
}

.my-btn-secondary:hover,
.my-btn-secondary:active,
.my-btn-secondary:focus {
  background-color: #2e343a;
  color: #fff;
  opacity: 0.9;
}

.btn__close-form-pallet,
.btn__close-form-goods {
  position: absolute;
  right: 15px;
  top: 24px;
}

#modalGoods .modal-dialog {
  margin-top: 50px;
  max-width: 950px;
  width: 950px;
  min-height: 700px;
  height: 700px;
}

#modalGoods .modal-dialog .modal-content {
  height: 100%;
}

.modalGoods__body {
  display: flex;
  flex-direction:rows;
  justify-content: space-between;
}

.goods-block {
  border: 1px solid #712b43;
  border-radius: 5px;
  padding: 10px;
  height: 100%;
  overflow-y: auto;
}

.goods__doc-block {
  width: 30%;
}

.goods__products-block {
  width: 68%;
  overflow-x: hidden;
}

.goods__doc-list li,
.list__client li,
.list__client-order li {
  cursor: pointer;
}

.goods__doc-list li:hover,
.list__client li:hover,
.list__client-order li:hover  {
  background-color: #712b43;
  color: white;
}

.product-block__btn-group {
  justify-content: space-around;
}

.form__add-goods .row,
.form__add-pallet .row {
  margin-bottom: 20px;
}

.form__add-goods .modal-footer,
.form__add-pallet .modal-footer {
  padding: 0;
  padding-top: 10px;
}

.btn__download-barcode {
  background-color: transparent;
  border: none;
  background-image: url('../img/downloadBatcode.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
}

.btn__download-barcode:hover {
  background-image: url('../img/downloadBatcodeHover.svg');
}

.active-doc,
.active-client {
  background-color: #712b43;
  color: #fff;
}

#mdoalFormGoods .modal-content,
#modalListPallet .modal-content
{
  width: 900px;
  min-width: none;
}

.list-pallets li {
  cursor: pointer;
}

.search__pallet,
.search__from-client,
.search__from-client-order {
  width: 100%;
  margin-bottom: 10px;
}

.order__active-row td {
  background-color: #712b43;
}

/* warehouse новая страничка */
.my-table__caption,
.my-title__accordion {
  color: #fff;
  -webkit-text-stroke: 1px #712b43;
  font-size: 28px;
  text-transform: uppercase;
}

.arrow__back-main-page {
  transform: scale(2);
  margin-right: 10px;
  cursor: pointer
}

.arrow__back-main-page:hover path {
  color: #712b43;
}

.arrow__back-main-page:active path {
  transform: translateY(2px);
}

.tbody__table-docs {
  max-height: 100px;
  overflow-y: auto;
}

table .tbody__table-docs tr{
  cursor: pointer;
}

.tbody__table-docs tr:hover td,
.tbody__table-commodityItems tr:hover td,
.tbody__balances-goods tr:hover td {
  background-color: #712b43;
  color: #fff;
}


.tbody__balances-goods tr:hover td .barcode-warehouse {
  background-image: url('../img/downloadBarcodeWhite.png');
}

.tbody__table-docs tr td,
.tbody__table-commodityItems tr td,
.tbody__balances-goods tr, td{
  cursor: pointer;
  font-size: 10px;
  padding: 5px;
}


.table__commodity-items thead th,
.table__balances-goods thead th{
  align-items: center;
  text-align: center;
  align-content: center;
  font-size: 13px;
}

.table__commodity-items thead tr:last-child th{
  padding: 0;
  font-size: 10px;
}

.modalCommodityItem__body .row,
.form__consignment .row,
.modalProductInWh__body .row,
.form__warehouse-item .row,
.modalProductInWh__body .row {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}

.form__consignment .row  {
  margin-bottom: 10px;
}

.commodity-item__block,
.warehouse-item__block {
  position: relative;
  border: 1px solid #712b43;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 5px;
  padding-top: 15px;
}

.commodity-item__title,
.warehouse-item__title {
  position: absolute;
  top: -15px;
  left: 15px;
  background-color: #fff;
  font-size: 18px;
}

#modalCommodityItem .modal-dialog,
#modalProductInWh .modal-dialog {
  width: 800px;
  max-width: 800px;
}

#modalCommodityItem .modal-content,
#modalProductInWh .modal-content,
#modalProductInWh .modal-content {
  width: 100%;
}

.btn__save-commodityItem,
.btn__save-consignment {
  width: 150px;
  display: block;
  margin: 0 auto;
  margin-right: 0;
}

.search__from-recipients {
  width: 100%;
}

#exampleModalToggle2 .modal-content {
  max-height: 800px;
}

.directory-recipient__content {
  overflow-y: auto;
}

.form__add-sender .row {
  margin-bottom: 10px;
}

#directory-country__search {
  width: 100%;
}

.directory-country__list {
  padding-top: 10px;
  max-height: 600px;
  overflow-y: auto;
}

.directory-country__list li,
.list__shipment li:hover {
  cursor: pointer;
}

.directory-country__list li:hover,
.list__shipment li:hover {
  background-color: #712b43;
  color: #fff;
}

.list__shipment {
  padding-bottom: 15px;
}

.list__shipment li {
  position: relative;
  padding-right: 115px;
}

.btn__add-product-shipment {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.directory-country__list .active-item,
.list__from-directory .active-item,
.list__shipment .active-item,
.list-dropdown .active-item {
  background-color: #4f172b;
  color: #fff;
}

.add-client__block {
  position: relative;
  padding: 10px;
  padding-top: 25px;
  border: 1px solid #712b43;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-top: 20px;
  margin-left: -7px;
  width: calc(100% + 12.5px);
}

.add-client__block {
  position: relative;
  padding: 10px;
  padding-top: 25px;
}

.add-client__block .btn-close {
  position: absolute;
  background-color: #fff;
  right: 0px;
  top: -15px;
  padding: 5px;
  opacity: 1;
}

.add-client__block .add-client__block-title {
  position: absolute;
  top: -12px;
  left: 0px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 5px;
}

#add-doc__select-client {
  cursor: pointer;
  padding: 5px;
  margin-top: 5px;
  background-color: #712b43;
  color: #fff;
  border: 1px solid #fff;
}

.notice__block-add-document {
  padding: 10px;
}

.notice__form-document .row{
  margin-bottom: 10px;
}

.my-dropdown {
  position: relative;
  padding: 0;
  margin: 0;
}

.my-dropdown__list {
  position: absolute;
  width: 100%;
  /* display: none; */
}

.my-dropdown__list li {
  cursor: pointer;
}

.my-dropdown__list li:hover {
  background-color: #712b43;
  color: #fff;
}

#block__add-recipient,
#block__add-sender,
#consignment__recipient,
#consignment__sender {
  width: 100%;
  margin-right: 0;
}

.dropdown__list-recipient {
  width: 100%;
  margin: 0;
  padding: 0;
  top: -20px !important;
  left: -10px !important;
}

.search__from-modal {
  width: 100%;
  margin-bottom: 10px;
}

.list__from-directory {
  max-height: 600px;
  min-height: 500px;
  overflow-y: auto;
}

.list__from-directory li:hover {
  cursor: pointer;
  background-color: #712b43;
  color: #fff;
}

.tbody__balances-goods tr td:last-child {
  padding-right: 20px;
  position: relative;
}

.barcode-warehouse {
  border: none;
  background-color: transparent;
  background-image: url('../img/downloadBarcode.png');
  position: absolute;
  height: 20px;
  width: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 5px;
  top: 9px;
}

.product-item__shipment-quant {
  width: 100px;
  position: absolute;
  right: 10px;
  top: 5px;
}

.row-acceptance td {
  background-color: #89a793c1;
  color: #fff;
}

.row-shipment td {
  background-color: #d7bbb3;
  color: #fff;
}

.row-moving {
  background-color: #b6c0cb;
  color: #fff;
}

.logbook-order__form {
  width: 100%;
}

.logbook-order__form .row {
  padding-right: 10px;
  margin-bottom: 10px;
}

.header__info-notice {
  /* border: 2px solid red; */
  height: 100%;
  width: max-content;
}

.noticeInfoForOrder {
  font-size: 20px;
}

.notice-content {
  font-size: 22px;
  display: flex;
  flex-direction: column;
}

.list__notice-number {
  height: 30px;
}

.notice-nav-link {
  color: #4f172b;
  cursor: pointer;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}

.notice-nav-link:hover {
  color: #4f172b;
}

.active-row td{
  background-color: #8c4c63;
  color: #eee;
}

.row-header__goods-batch {
  background-color: rgba(1,1,1,0.5);
  color: #fff;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  height: 35px;
  padding-top: 5px;
  font-size: 16px;
}

.accordion-item__hide {
  display: none;
}

.accordion-body {
  padding: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 2px solid #4f172b;
}

.btn__add-goods-batch {
  display: block;
  height: 31px;
}

.accordion-button:not(.collapsed) {
  background-color: #4f172b;
  color: #fff;
}

.table.table__commodity-items {
  margin-bottom: 0px;
}

.btn__add-to-warehouse {
  /* width: 100%; */
  margin-right: 20px;
  height: 32px;
  align-items: center;
}

#myTab {
  border-color: #712b43;
}

#myTab .nav-link {
  color: #2c2e33;
}

#myTab .nav-link:hover {
  border-color: #712b43;
}

#myTab .nav-link.active {
  background-color: #712b43;
  color: #fff;
  border-color: #712b43;
}

.order__btn-group {
  /* width: 100%;s */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.btn__open-logbook,
.btn__added-ts {
  width: 390px;
  display: block;
  margin-bottom: 10px;
}

.label__checkbox {
  font-size: 12px;
}

.label__checkbox input[type="checkbox"] {
  cursor: pointer;
}

#checkbox__create-notice[type="checkbox"],
#checkbox__create-order[type="checkbox"] {
  accent-color: #712b43;
  width: 20px;
  height: 20px;
  color: #fff;
}

.btn-delete {
  position: absolute;
  top: -8px;
  right: 5px;
  background-image: url('../img/delete.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 30px;
  border: none;
  background-color: #fff;
}

.btn-delete:hover {
  background-image: url('../img/deleteHover.svg');
}

.btn-inactive {
  background-color: #2e343a;
}

.btn-inactive:hover {
  opacity: 1;
  cursor: auto;
}

.form__submit-xml {
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin: 0 auto;
  margin-left: 0;
}

.form__submit-xml input:first-child {
  margin-right: 2px;
}

.loader::after {
  border-top: 2px solid #3498db;
  width: 20px;
  -webkit-animation: spin 2s linear infinite; 
  animation: spin 2s linear infinite;
}

.my-btn__order {
  background-color: var(--order-btn-color);
  /* color: var(var(--orde-main-color-word)); */
  border: none;
  color: #fff !important;
}

.my-btn__order:hover {
  /* background-color: #fff;  */
  /* border: 2px solid #4f172b; */
  /* color: #4f172b; */
  
  transform: translateY(2px);
} 


.table__order-service  thead th{
  font-size: 14px;
}

.table__order-service  tbody td,
.table__order-service tbody input {
  font-size: 10px;
}

.table__order-service  tbody .deleteService {
  width: 38px;
  background-size: 19px auto;
}

.table__order-service  tbody .deleteService:hover {
  background-image: url('../img/deleteHover.svg');
}

.table__order-service  tbody td {
  width: 25%;
}

.table__order-service  tbody td:nth-child(3) {
  width: 15%;
}

.table__order-service  tbody td:nth-child(4) {
  width: 10%;
}

.table__order-service  tbody td:nth-child(5),
.table__order-service  tbody td:nth-child(6) {
  width: 15%;
}

.table__order-service  tbody td:nth-child(6) {
  width: 5%;
}

.cell__checkbox {
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  margin-right: 20px;
  margin:  0 auto;
  margin-left: 0;
} 

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.my-col-10 {
  width: 83.33333333%;
}

.my-col-9 {
  width: 75%;
}

.my-col-8 {
  width: 66.66666667%;
}

.my-col-7 {
  width: 58.33333333%
}

.my-col-6 {
  width: 50%;
}

.my-col-5 {
  width: 41.66666667%;
}

.my-col-4 {
  width: 33.33333333%;
}

.my-col-3 {
  width: 25%;
}

.my-col-2 {
  width: 16.66666667%;
}

.deleteService {
  width: 50px;
  background-image: url('../img/delete.svg');
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: center;
}

.deleteService:hover {
  background-image: url('../img/deleteHover.svg');
}

.btn__create-bill {
  padding: 10px;
  font-size: 12px;
}

#service-content__note {
  margin-bottom: 10px;
  max-height: 100px;
  font-size: 12px;
}

.form__create-notice-by-xml {
  display: flex;
  flex-direction: column;
}

.form__create-notice-by-xml input:first-child {
  margin-bottom: 20px;
  cursor: pointer;
}

.my-btn__notice:hover {
  background-color: #5d1f35;
  transform: translateY(2px);
}

#modalNoticeByXML .modal-dialog {
  margin-top: 250px;
}

.btn__order-menu {
  inline-size: 100%;
  font: inherit;
  color: currentColor;
  border: none;
  cursor: pointer;
  background-color: var(--order-name-color);
  border-radius: 50px;
  width: 180px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 0;
}

.btn__order-menu.active {
  margin-right: 10px;
  width: 80px;
}

.btn__order-menu:hover,
.btn__order-menu:focus-visible {
  background-color: #eee;
}

.main-order__list {
  position: relative;
  display: grid;
  margin-block-start: 0.5lh;
  min-width: 200px;

  overflow: hidden;
  line-height: 0;
  color: transparent;
  transition: line-height 0.5s, color 0.5s;
}

.active__order-menu {
  display: none;
}

.main-order__item {
  overflow: hidden;
}

.main-order__item {
  display: block;
}

.btn__order-menu.active ~ .main-order__list {
  line-height: 1.2;
  color: currentColor;
}


.notice-link__xml:hover {
  background-color: var(--order-main-btn-color);
  color: #fff;
}

.inactive-content {
  display: none;
}

.form__send-xml {
  display: flex;
  flex-direction: column;
  width: 500px;
  padding-top: 50px;
  margin: 0 auto;
}

.form__send-xml input[type="submit"] {
  color: #fff;
  border: none;
}

.form__send-xml input {
  margin-bottom: 20px;
}

.notice-content .doc-cell {
  padding: 10px;
}

/* окно для выбора тс в заказах */
.notice-content .notice__block-add-ts {
  margin: 0 auto;
  position: relative;
  width: 100%;
  border: none;
  padding: 10px;
}

.notice-content .notice__block-add-ts .btn-close__ts-block {
  background-color: transparent;
  position: absolute;
  right: 0;
}

#modalChooseTs .modal-dialog {
  margin-top: 150px;
}

.notice-order__form-ts {
  padding-right: 10px;
}

.notice-order__form-ts label {
  margin-bottom: 10px;
}

.notice-order__form-ts button[type='submit'] {
  background-color: var(--order-btn-color);
  color: #fff;
  width: calc(100% + 10px);
}

.btn__createEmptyGoodsBatch {
  margin-top: 15px;
  padding-left: 20px;
  text-align: left;
}

.btn__createEmptyGoodsBatch:hover {
  background-color: #2c2e33;
}

.accordion-button {
  height: 40px;
  font-size: 10px;
}

.table__balances-goods thead th {
  font-size: 10px;
  height: 20px;
  padding: 0;
}

.table__balances-goods tbody td {
  font-size: 10px;
}

.accordion__goods-batch tfoot tr td {
  width: 100%;
}

.footer-batch__cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
}

.tfoot__table-commodityItems tr td {
  background-color: rgba(0, 0, 0, 0.1);
}

.tfoot__table-commodityItems tr:first-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.search__from-batch {
  width: 98%;
  height: 20px;
  margin: 0 auto;
}

.search__from-batch::placeholder {
  font-size: 10px;
}

.btn-delete__goods-batch {
  padding: 10px;
  padding-top: 8px;
  height: 31px;
  display: none;
}

.modal-doc__footer {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  padding: 10px 0 2px;
}

.btn__delete-bill {
  margin-top: 10px;
  background-color: #6a2121;
}

.btn__group-doc {
  display: flex;
  flex-direction: row;
  align-items: end;
  align-self: flex-end;
}

.btn__group-doc button {
  width: 150px;
}

.btn__group-doc button:not(:last-child) {
  margin-right: 5px;
}

.btn__add-pre-doc {
  /* width: 20px; */
}

#pre-doc__number {
  width: 100%;
  margin-bottom: 10px;
}

.form__pre-doc {
  padding: 5px 20px;
  padding-right: 20px;
}

td.cell__predoc {
  background-color: #f6eff1;
}