@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('./ui/input.css');
@import url('./ui/button.css');
/*@import url('./ui/checkbox.css');*/
@import url('./ui/breadcrumbs.css');
@import url('./ui/title.css');
/*@import url('./ui/ul.css');
@import url('./ui/link.css');
@import url('./ui/detail-btn.css');*/
@import url('./ui/button-logout.css');
@import url('./ui/table.css');
@import url('./components/header.css');
@import url('./components/header-nav.css');
/*@import url('./components/footer.css');
@import url('./components/popup.css');
@import url('./components/page-menu.css'); */
@import url('./components/legend-box.css');
@import url('./components/left-menu.css');
@import url('./components/notification.css');
/*@import url('./components/mobile-menu.css');
@import url('./components/news.css');
@import url('./components/person.css');
@import url('./components/text-field.css');
@import url('./components/attachment.css');
@import url('./components/dealers.css');
@import url('./components/card.css');
@import url('./components/materials.css');
@import url('./components/spare.css');*/
@import url('./components/search-input.css');
@import url('./components/spare-form.css');
@import url('./pages/materials/style.css');
/*@import url('./page/auth/style.css');
@import url('./page/warranty/style.css');
@import url('./page/404/style.css'); */

#bx-panel {
  display: none !important;
}

html,
body {
  overflow-x: hidden;
  letter-spacing: .32px;
}

body {
  display: block;
  --color-back-left-menu: rgba(28, 63, 149, 1);
  --color-blue: rgba(28, 63, 149, 1);
  --color-blue-hover: rgba(83, 125, 227, 1);
  --color-gray: rgba(193, 193, 193, 1);
  --color-light-gray-snow: rgba(178, 179, 190, 1);
  --color-black: rgba(18, 19, 30, 1);
  --color-red: rgba(240, 80, 71, 1);
  /*--color-red-hover: rgb(219, 55, 45);*/
  --color-red-hover: rgb(197, 55, 46);
  font-family: "Montserrat", sans-serif;
  color: var(--color-black);
  font-size: 16px;
  line-height: 1.32;
}

* {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

body .wrapper {
  position: relative;
}

.container {
  padding: 0 10px;
}

.content {
  margin-top: 10px;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.w-100 {
  width: 100%;
}


/*  */
.attachment-title {
  display: inline-block;
  padding-left: 21px;
  background-image: url('../../img/redisign/icons/attachment-fill-black.svg');
  background-position: left center;
  background-size: 21px;
  background-repeat: no-repeat;
  font-weight: 500;
}

/*  */
.folder-link,
.file-link { 
  display: inline-block;
  padding-left: 47px;
  background-position: left center;
  background-size: 27px;
  background-repeat: no-repeat;
  font-weight: 400;
  text-align: left;
  color: var(--color-blue);
  line-height: 1.5;

  padding-left: 30px;
  text-decoration: underline;
  text-underline-position: under;

}
.file-link { 
  background-image: url('../../img/redisign/icons/file-fill-blue.svg');
}
.file-link__icon {    
  display: none;
}

.folder-link { 
  background-image: url('../../img/redisign/icons/folder-fill-blue.svg');
}

.error-text {
  color: var(--color-red);
}