html, body {margin: 0px; padding: 0px;}
body {font-family: Arial; padding: 10px;}
.importForm input[type=text], .importForm input[type=date], .importForm select, .notification, .importForm fieldset, #boxes div {width: 100%; max-width: 600px;}
.importForm textarea {width: 100%; max-width: 600px; height:200px;}
.importForm textarea.form-control {width: 100%; max-width: 600px; height:200px;}
.importForm fieldset {border: 1px solid #ccc; padding: 5px; border-radius: 5px;}
#boxes div {cursor: pointer;}
#boxes div:hover {background-color: #00cc00;}

/*.list {background-color: #ccc; width: 100%;}*/
.list {width: 100%;}
.list tr td {background-color: #fff; padding: 5px;}
.list tr th { position: sticky;top: 0; background-color: #ccc}
td.orange {background-color: orange !important;}
.prod_title {font-size: 17pt}
.prod-photo {width: 100%; max-width: 500px;}
.alert-box {position: fixed;top: 0px;left: 0px;width: 100%;height: 35px;background-color: #ff0000;display: none; color: #C60; font-size: 14pt; padding: 5px; padding-top: 10px; text-align: center;}
.col1 {width: 32%; display: inline-block; word-break: break-all; margin-right: 1%; border-right: 1px solid black; padding: 5px;}
.col2 {width: 42%; display: inline-block; word-break: break-all; margin-right: 1%; border-right: 1px solid black; padding: 5px;}
.col3 {width: 15%; display: inline-block; word-break: break-all;}
a {text-decoration: none;}
.actions-right {float: right;}
.actions-left {float: left;}
.orange {background-color: orange;}
.list tr td {border-bottom: 3px solid #ccc;}
.list tr td.accepted {background-color: #E0D2C3;}
.list tr td.bought {background-color: #BCD8B7;}
.list tr td.intashkent {background-color: #35CE8D; color: #fff;}
.list tr td.canceled {background-color: #93827F; color: #fff;}
.list tr td.sent {background-color: #6BA292; color: #fff;}
.list tr td.space {background-color: #fff; height: 10px;}
.sizes {font-size: 17pt;}
.col2 .left {width: 55%; display: inline-block; background-color: #5ADBFF; font-size: 15pt;}
.col2 .right {right: 65%; display: inline-block;}
@media (max-width: 800px) {
	.col2 .left {width: 70%; display: block;}
	.parcel {width: 100px;}
}

@media (max-width: 500px) {
	.col2 .left {width: 90%; display: block;}
	.status {width: 140px;}
	.weight {width: 140px;}
	.parcel {width: 50px;}
}

.table-hover th {
  position: sticky;
  top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
.table-hover thead tr:hover th, .table-hover tbody tr:hover td {
	background-color: #D1D119;
}