.zahlavi {background: #FFF url(../images/zahlavi/header-bonmoto.png) 10px center no-repeat;}
.zahlavi span {width: 1200px;height: 40px;}
.main {width: 1200px;}
.Content {width: 1050px;}

.vypis td {padding: 5px 2px;}

	#compare {background: #E7FFE3;padding: 15px;margin: 15px 0;}
	#compare h2 {margin: 0 0 10px 0;}
	#compare h3 {font-size: 14px;font-weight: 700;margin: 10px 0 0 0;}
	#compare h4 {font-size: 14px;font-weight: 400;margin: 5px 0;}
	#compare select {width: 100%;}
	#compare .params-wrap {padding: 5px 0 0 0;}
	#compare .params .param {padding: 5px;}
	#compare .params .param .row {margin-left: -5px;margin-right: -5px;}
	#compare .params .param .row div {padding-left: 5px;padding-right: 5px;}
	#compare .params .param .form-control {height: 24px;line-height: 24px;font-size: 13px;padding-top: 0;padding-bottom: 0;}
	#compare .params .param .mandatory {border-color: #DD0000;}
	#compare .params .param button {padding: 4px;}
	#compare .params .param-remove {color: #DD0000;}
	
.item-header {background: #FFC984;padding: 10px 20px;line-height: 30px;margin: 0 0 20px 0;}
.item-header a {color: #000;}

.btn--small {padding: 0 5px;line-height: 30px;}

.filtr {margin: 0 0 15px 0;}
.filtr h3 {padding: 10px;}
.filtr h3 a {font-weight: 700;}
#filtr {}
#filtr table {width: 100%;}
#filtr table td {padding: 2px 10px;}

.btn-search {margin: 10px 15px;background: #253B97;color: #FFF;border-color: #FFF;font-weight: 700;}
.btn-search-cancel {margin: 10px 15px;background: #ED1C24;color: #FFF;border-color: #FFF;font-weight: 700;}
.btn-block {display: block;text-align: center;}

.autoupdate-lang {}
.autoupdate-lang .mandatory {color: #FFF;background: #E62929;padding: 0 8px;font-size: 11px;text-transform: uppercase;margin: 0 0 0 10px;line-height: 21px;display: inline-block;}

.crm-alert {background: #E5E5E5;padding: 12px 20px;color: #000;margin: 15px 0;}
.crm-alert .fa {font-size: 20px;margin: 0 12px 0 0;}
.crm-alert h2 {color: #000;font-size: 16px;margin: 0;padding: 0;border: 0;line-height: 40px;}
.crm-alert .datepicker {width: 140px;display: inline-block;vertical-align: top;margin: 0 15px 0 0;}
.crm-alert .btn {margin: 0 15px 0 0;}
.crm-alert .btn-delete {background: #CB0F0F;color: #FFF;}

.template-main .template-bar {line-height: 30px;padding: 0;position: relative;}
.template-main .template-bar .data-label {color: #777;display: inline-block;margin: 0 10px 0 0;vertical-align: top;font-size: 11px;}
.template-main .template-bar .navbar-toggle {float: none;position: absolute;top: 1px;left: 5px;padding: 0;font-size: 16px;}

.form-stock-product {float: right;position: relative;margin: 0 0 0 15px;}
.form-stock-product input.form-control {width: 500px;max-width: 100%;border: 1px solid #000;line-height: 30px;height: 30px;vertical-align: top;border-radius: 0;}
.form-stock-product button {position: absolute;top: 0;right: 0;height: 100%;width: 40px;background: #FDAA00;color: #000;border-radius: 0;}

@media (max-width: 991px) {
	.form-stock-product	{float: none;margin: 0;}
	.form-stock-product input.form-control {width: 100%;}
}

.bar-requests {float: left;padding: 0 10px 0 10px;margin: 0;border-right: #CCC;}
.bar-requests .bar-requests-count {display: inline-block;margin: 2px;vertical-align: top;font-weight: 700;line-height: 26px;width: 26px;height: 26px;border-radius: 100%;text-align: center;background: #FFF;}
.bar-requests .bar-requests-count--0 {background: #000;}
.bar-requests .bar-requests-count--0 a {color: #FFF;}
.bar-requests .bar-requests-count--1 {background: #DD0000;}
.bar-requests .bar-requests-count--1 a {color: #FFF;}
.bar-requests .bar-requests-count--2 {background: #427AE3;}
.bar-requests .bar-requests-count--2 a {color: #FFF;}
.bar-requests .bar-requests-count--3 {background: #F2A526;}
.bar-requests .bar-requests-count--3 a {color: #FFF;}
.bar-requests .bar-requests-count--4 {background: #D827D3;}
.bar-requests .bar-requests-count--4 a {color: #FFF;}

.bar-requests .bar-requests-count--101 {background: #34D9E4;border-radius: 0;}
.bar-requests .bar-requests-count--101 a {color: #000;}
.bar-requests .bar-requests-count--102 {background: #DD0000;border-radius: 0;}
.bar-requests .bar-requests-count--102 a {color: #fff;}

@media (max-width: 991px) {
	.bar-requests {float: none;position: absolute;top: 0;left: 50px;}
	.bar-requests .bar-requests-count {margin: 2px 1px;}
	.bar-requests .data-label {display: none !important;}
}


.phone-calls {position: fixed;bottom: 0;left: 0;width: 300px;background: #EEE;max-height: 300px;overflow-y: auto;z-index: 999;}
.phone-calls .item {border-bottom: 1px solid #CCC;padding: 20px;}
.phone-calls .item h2 {font-weight: 700;font-size: 16px;line-height: 22px;margin: 0 0 10px 0;padding: 0;}


.products-list {}
.products-list ul {list-style: none;margin: 20px 0;padding: 0;}
.products-list ul li {padding: 0;margin: 0 2px 2px 0;width: 170px;height: 280px;float: left;border:1px solid #DDD;background: #FFF;color: #000; cursor: move; position: relative;}
.products-list ul li:hover {box-shadow: 0 0 3px #333;}
.products-list ul li .image {width: 110px;height: 125px;background-position: center center;background-repeat: no-repeat;margin: 0 auto;cursor: move;text-align: center;line-height: 125px;font-size: 18px;text-transform: uppercase;}
.products-list ul li .active {text-align: right; padding-right: 6px;padding-top: 2px;}
.products-list ul li .code-product {text-align: left; padding: 10px 0px 10px 5px; color: #666666;}
.products-list ul li h4 {display: block;padding: 0 5px;line-height: 20px;font-size: 12px;height: 40px;overflow: hidden;margin: 0;}
.products-list ul li h4 a {text-decoration: underline;color: #000;}
.products-list ul li .links {padding: 0 5px; margin-top: 40px;}
.products-list ul li .links .delete{color: #ed1c24;border: 1px solid;padding: 5px; position: absolute;bottom: 5px;}
.products-list ul li.ui-sortable-helper {opacity: 0.6;}
.products-list ul li.ui-state-highlight {background: yellow;display: block;}
.products-list .point {display: inline-block;width: 10px;height: 10px;background: #ed1c24;border-radius: 10px;}
.products-list .point.green {background-color: #00790A;}
.products-list .point.red {background-color: #ed1c24;}

.lds-spinner {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
}
.lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1s linear infinite;
}
.lds-spinner div:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #000;
}
.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -0.91667s;
}
.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -0.83333s;
}
.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.75s;
}
.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.66667s;
}
.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.58333s;
}
.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.5s;
}
.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.41667s;
}
.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.33333s;
}
.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.25s;
}
.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.16667s;
}
.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.08333s;
}
.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}

@keyframes lds-spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.dropup-custom {
	position:relative;
	text-align:left;
	padding:0 10px;
}

.dropdown-menu-custom {
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: 0 !important;
	width: max-content;
	max-height: 270px;
	overflow-y: auto;
}

.loader {
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border: 2px solid #428bca;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.dropdown-menu-custom .loader,
.dropdown-menu-custom i {
	float: right;
}

.dropdown-menu-custom li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 15px;
	gap: 15px;
}

.dropdown-menu-custom li a {
	flex-grow: 1;
}

.dropdown-menu-custom li span {
	flex-shrink: 1;
}

.dropdown-menu-custom li span .action-icon:before {
	display:none;
}

.dropdown-menu-custom li span .action-icon:hover:before {
	display: block;
}

.dropdown-menu-custom li span .action-icon:hover .state-icon {
	display: none;
}

.dropup-custom i {
	font-size: 20px;
}

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

.mr-55 {
	margin-right: 15px;
}