a,
button {
  transition: all 0.3s ease-in-out;
}
a:hover,
button:hover,
a:focus,
button:focus,
a:active,
button:active,
a:visited,
button:visited {
  text-decoration: none;
  outline: none;
}
a span,
button span {
  transition: all 0.3s ease-in-out;
}
button {
  border: none;
}
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}
.badge-success {
  background-color: #73ab41 !important;
}
.bg-success {
  background-color: #73ab41 !important;
}
body {
  color: #252525;
}

html, body {
  height: 100%;
}
.login-block
{
  background-color:#fff;
  padding:30px;
  -webkit-box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
  box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
  text-align:center;
  border-radius:5px;

}

:root {
  --yellow: #FFD700;
  --black: #000;
  --white: #fff;
  --light-gray: #f8f9fa;
  --blue: #3B82F6;
  --green: #73ab41;
  --gray2: #E4E4E4;

}

.navbar {
  background-color: var(--light-gray);
}
.nav-link, .navbar-brand {
  color: var(--black) !important;
  font-weight: 500;
}
.nav-link.active {
  background-color: var(--black);
  color: var(--yellow) !important;
  border-radius: 0.25rem;
}

.section {
  padding: 10px;
  background: white;
  border-radius: 0.5rem;
  margin-bottom: 2rem;

}

#SideBarTop{
  position: relative;
  min-height: 58px;
  border-bottom:1px solid #e5e7eb;

}


.menu-btn{
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.sidebar {
  min-height: 100vh;
  background-color: var(--light-gray);
  color: var(--black);
  border-right:1px solid #e5e7eb;

}

.sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-menu li a {
  display: block;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  color: var(--black);
  padding: 0.75rem 1rem;
}

.sidebar a:hover, .sidebar a.active {
  background-color: var(--gray2);
  color: var(--black);
}

.sidebar-menu li a.active {
  background:#eef4ff;
  color:#2563eb;
  font-weight:600;
  border-left:4px solid #2563eb;
}

.sidebar-menu li a:hover{
  background:#f3f4f6;
}


.submenu {
  background: var(--light-gray);
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu li a {
  width: 100%;
  padding: 10px 20px 10px 40px;
  font-size: 14px;
}

.dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}
.btn_reference{
  padding-bottom: 10px;
}
.point{
  cursor: pointer;
}

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

  margin-bottom:10px;
  padding-bottom:10px;

  border-bottom:1px solid #e5e7eb;
}

.page-breadcrumbs{
  font-size:14px;
  color:#6b7280;
}
.form_caption{
  font-size: 24px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 24px;
  line-height: 1.2;
}


.table{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
}

.table thead th{
  background:#f9fafb;
  border-bottom:1px solid #e5e7eb;
  font-weight:600;
  color:#374151;
}

.table-hover tbody tr:hover{
  background:#f9fafb;
}

@media (max-width: 767px) {

  .sidebar {
    position: fixed;
    top: 58px;
    left: 0;
    z-index: 1050;
    width: 260px;
    height: calc(100vh - 56px);
    overflow-y: auto;
  }
  .logo-mobile-center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding-left: 30px;
  }

}

/*ОСТАТКИ*/
.stock-category{

  background:#fff;

  border-radius:14px;

  overflow:hidden;

  margin-bottom:18px;

  border:1px solid #e5e7eb;

}

.stock-category-header{

  background:#f8fafc;

  padding:14px 20px;

  font-size:18px;

  font-weight:700;

  color:#111827;

  border-bottom:1px solid #eef2f7;

}

.stock-item{

  padding:14px 20px;

  border-bottom:1px solid #f3f4f6;

  transition:.15s;

}

.stock-item:last-child{

  border-bottom:none;

}

.stock-item:hover{

  background:#fafafa;

}

.stock-item-top{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:15px;

}

.stock-item-name{

  font-size:16px;

  font-weight:500;

  color:#111827;

  margin-bottom:2px;

}

.stock-comment{

  font-size:13px;

  color:#6b7280;

}

.stock-item-right{

  display:flex;

  align-items:center;

  gap:18px;

  flex-shrink:0;

}

.stock-balance{

  text-align:right;

}

.stock-qty{

  font-size:18px;

  font-weight:700;

  color:#111827;

  line-height:1;
  margin-right:2px;

}

.stock-meta{

  font-size:12px;

  color:#6b7280;

  margin-top:4px;

}

.stock-unit{

  font-size:13px;

  color:#6b7280;

  margin-left:3px;

}



.stock-submit-bar{

  position:sticky;

  bottom:0;

  background:#fff;

  padding:16px 24px;

  border-top:1px solid #e5e7eb;

  text-align:right;

  z-index:100;

  margin-top:20px;

}

@media (max-width: 767px){

  .stock-item-top{

    display:flex;

    flex-direction:row;

    justify-content:space-between;

    align-items:flex-start;

    gap:10px;

  }

  .stock-item-right{

    display:flex;

    align-items:flex-end;

    gap:10px;

    flex-shrink:0;

  }

  .stock-balance{

    text-align:right;

  }

  .stock-qty{

    font-size:16px;

    white-space:nowrap;

  }

  .stock-meta{

    font-size:11px;

    white-space:nowrap;

  }

  .stock-item-name{

    font-size:15px;

  }



  .stock-category-header{

    font-size:16px;

    padding:12px 16px;

  }

  .stock-item{

    padding:12px 14px;

  }

}

.table-stock-local thead th:first-child{
  background:#fff;
}




.table-stock-local{
  border-radius:0 !important;
  width: 100%;
}
.table-stock-local td,
.table-stock-local th{
  padding: 0px 12px !important;
  vertical-align: middle;
  border:1px solid #e8e8e8;

}
.stock-name{
  width:40%;
}

.col-almaty{
  width:30%;
}

.col-astana{
  width:30%;
}



.stock-name{
  font-size:14px;
}

.stock-row strong{
  font-size:14px;
}

.reserve-info{
  margin-top:0px;
  line-height:1;
  font-size:12px;
  color:#6c757d;
}
.stock-qty{
  font-size:14px;

}





.stock-input{
  width: 40px !important;
  min-width: 40px;
  max-width: 45px;
  height: 24px;
  padding: 0 4px;
  font-size: 13px;
  text-align: center;
}

.stock-input::-webkit-outer-spin-button,
.stock-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.stock-input[type=number] {
  -moz-appearance: textfield;
}
.stock-arrow{
  margin: 0 5px 0 0;
  color:#666;
}

.transfer-info-value{
  min-height: 38px;
  padding: .375rem .75rem;
  background: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
}

#objectStock{
  display:inline-block;
  background:#fff;
}

.table-stock{
  width:100%;
  min-width:400px;
}

.table-stock td:last-child{
  width:120px;
  white-space:nowrap;
}

.table-stock td,
.table-stock th{
  padding:0 12px !important;
  vertical-align:middle;
  border:1px solid #e8e8e8;
}

#saveJpg{
  display:block;
  margin-top:7px;
}



.table-stock-local thead .col-total{
  background:#dbe7f5 !important;
}

.table-stock-local thead .col-almaty{
  background:#c3e6cb !important;
}

.table-stock-local thead .col-astana{
  background:#b8daff !important;
}

.table-stock-local thead .col-work{
  background:#f6d8a8 !important;
}

.table-stock-local thead .col-repair{
  background:#f8d7da !important;
}

.table-stock-local td.col-total{
  background:#eef4fb !important;
}

.table-stock-local td.col-almaty{
  background:#f5fbf5 !important;
}

.table-stock-local td.col-astana{
  background:#f5f9ff !important;
}

.table-stock-local td.col-work{
  background:#fff4e6 !important;
}

.table-stock-local td.col-repair{
  background:#fdf2f2 !important;
}

#my_requests_wrapper{
  float:left;
  margin-right:15px;
}

#my_requests{
  width:160px;
}

.group-row td{
  padding: 4px 15px !important;
  font-size: 14px;
  font-weight: 600;
  background: #d6d8db;
  line-height: 1.2;
}