main > .container { padding: 100px 15px 20px; }

.footer { background-color: #f5f5f5; font-size: .9em; height: 60px; }
.footer > .container { padding-right: 15px; padding-left: 15px; }

a.asc:after, a.desc:after { content: ''; left: 3px; display: inline-block; width: 0; height: 0; border: solid 5px transparent; margin: 4px 4px 2px 4px; background: transparent; }
a.asc:after { border-bottom: solid 7px #212529; border-top-width: 0; }
a.desc:after { border-top: solid 7px #212529; border-bottom-width: 0; }

.not-set { color: #c55; font-style: italic; }
.grid-view th { white-space: nowrap; }
.hint-block { display: block; margin-top: 5px; color: #999; }
.error-summary { color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px; margin: 0 0 15px 0; }

.navbar-collapse { flex-grow: 0; }

.nav li > form > button.logout { padding-top: 7px; color: rgba(255, 255, 255, 0.5); }
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover { text-decoration: none; color: rgba(255, 255, 255, 0.75); }
.nav > li > form > button.logout:focus { outline: none; }

h1 { font-size: 25px; margin-bottom: 30px; }

.btn-inline { display: inline; font-size: 16px; }
.card_products_table { overflow-x: scroll; width:100%;}
.card_products_table--code { min-width: 170px; }
.card_products_table--count { min-width: 60px; }
.card_products_table--unit { min-width: 60px; }
.card_products_table--name { min-width: 110px; white-space: nowrap; }
.summary { display: none; }
.card_products_table .red { color: red; }

.pagination span, .pagination a { background: #EEE; margin: 0 3px; padding: 5px 10px; }
#user-shops label { display: block; }

.card-status span { width: 20px; height: 20px; background: url('/img/closed.png') no-repeat; display: block; margin: 0 auto; }

.card_products_table td { padding: 5px 10px; }
.card-types .form-group, .product-card-types .form-group { width: auto; display: inline-block; margin-right: 20px; }

.filters { display: none; }

.buttons { display: flex; flex-direction: row; }
.buttons .btn:not(:last-child) { margin-right: 5px; }
table input{
	width:100%;
}
.btn {
	
}
a.btn {}
.btn, a.btn { height: 38px; }
.btn-enter {}
.btn-export {}
.btn-clear { background: #ff6a78; color: #FFF; }
.btn-delete {}
.btn-create {}
.btn-save { background: green; color: #FFF; }
.btn-save:hover, .btn-clear:hover, .btn-blue:hover { color: #FFF; }
.btn-edit {}
.btn-white { border-color: #000; }
.btn-blue { background: #4d75c4; color: #FFF; }
.btn-card-delete { float: right; padding-left: 15px; padding-right: 15px; }

table td { vertical-align: middle !important; }
.tr-green { background: #e6ffd7; }
.tr-yellow { background: #fbfce4; }
.card-scan { font-weight: bold; font-size: 22px; }

.overlay {
    display: none;
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0.5);
}
.popup { 
    display: none;
    position: fixed; 
    z-index: 110;
    width: 100%;
    max-width: 500px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    padding: 30px 30px;
    box-sizing: border-box; }
.popup-text { font-size: 30px; text-align: center; color: #FFF; margin-bottom: 20px; }
.popup-button { color: #FFF; border: 3px solid #FFF; width: 100px; margin: 0 auto; font-size: 30px; text-align: center;
    cursor: pointer; }

@media(max-width:767px) {
    .nav li > form > button.logout { display:block; text-align: left; width: 100%; padding: 10px 0; }
}

@media(max-width:576px) {
  	.btn, a.btn {
      display:inline-flex;
      align-items:center;
      justify-content: center;
      font-size:12px;
      height:auto;
  }
    .card_products_table td {
      padding: 2px 3px;
      font-size: 14px;
  }
    .btn-inline, .btn-save  {
      font-size: 12px;
  }
    footer .container p{
      font-size:12px;
  }
    .table th, .table td {
      padding: 0.25rem;
      font-size: 11px;
  }
  	.project-list .btn-save, .project-list .btn-info, .project-list .btn-clear{
  		font-size: 12px;
   		padding: 2px 4px;
   		
  	}
  .project-list .btn-card-delete{
  		font-size: 12px;
    	padding: 2px 8px;
    	height: auto;
  }
  #w1 .btn-info, #w1 .btn-save{
  		margin-bottom:2px;
  }
    .pagination span, .pagination a {
      padding: 3px 8px;
  }
  .card_products_table-wrap, .project-list.news-gred-view .grid-view{
  		overflow-x:scroll;	
  }
}