body {
	font-size: 13px;
}

p {
	font-size: 13px;
}

h4 {
	font-size: 13px;
}

main p {
	padding: 5px 0;
}

.btn-addon i {
	height: 32px;
	width: 32px;
	margin-right: 8px;
}

.b-b {
	border-color: #dddddd;
}

.input-group .btn {
	padding:  6px 12px;
}

main .filter input[type=checkbox] {
	margin-top: 0;
	height: 16px!important;
}

main .filter .select2-selection {
	padding-top: 6px!important;
	padding-bottom: 6px!important;
}


.tab-content-customers > .tab-pane {
	height: calc(100vh - 127px);
}


main .inner {
	float: left;
	width: 100%;
}

.customers-detail main .inner {
	padding:  5px!important;
}

.table-fixed-head {
	border-collapse: separate;
	border-spacing: 0;
}

.table-fixed-head thead tr th {
	position: sticky;
	top: 0;
	background: #ffffff;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: none;
	border-bottom: 1px solid #999999;
	z-index: 10;
}

.table-fixed-head thead tr th:last-of-type {
	border-right: 1px solid #999999;
}

.table-fixed-head tbody tr td {
	border-top: none;
	border-left: 1px solid #dddddd;
	border-right: none;
	border-bottom: 1px solid #dddddd;
}

.table-fixed-head tbody tr td:last-of-type {
	border-right: 1px solid #dddddd;
}

table thead tr th {
	background-color: #767676!important;
	color: #ffffff;
}

table tbody tr td {
	font-size: 13px;
	padding: 5px 5px;
}

table thead tr th {
	font-size: 13px;
	padding: 3px 5px;
}

.table-routes td {
	padding: 10px;
}

.table-routes tr {
	height: auto;
}

.table-routes td div {
	max-width: none;
}

.container-inner {
	width: 100%;
}

.wm-100 { max-width: 100%; }
.h-80 { height: 80px !important; }


#blockUI { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); text-align: center; z-index: 999999; }
#blockUI div { width: 300px; padding: 30px; margin: auto; background: #ffffff; color: #34425A; position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); border: 2px solid #34425A; }
#blockUI i { font-size: 40px; margin-bottom: 20px; color: #34425A; }
#blockUI p { margin-bottom: 0; font-size: 18px; }

#updateBlockUI { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); text-align: center; z-index: 999990; }
#updateBlockUI div { width: 300px; padding: 30px; margin: auto; background: #ffffff; color: #34425A; position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); border: 2px solid #34425A; }
#updateBlockUI i { font-size: 40px; margin-bottom: 20px; color: #34425A; }
#updateBlockUI p { margin-bottom: 0; font-size: 18px; }
#updateBlockUI .block-sync { display: none; }

#orderBlockUI { display: none; z-index: 99; background: rgba(0, 0, 0, 0.6); left: 0; right: 0; top: 0; bottom: 0; position: fixed; }
#orderBlockUI .popup-inner { position: fixed; top: 140px; left: 21px; right: 21px; bottom: 53px; padding: 0 5px; background: #ffffff; text-align: center; z-index: 999999; overflow: hidden; border-bottom: 1px solid #ddd; }
#orderBlockUI .close-search-popup { position: fixed; top: 107px; right: 21px; }
#orderBlockUI .scrollable { text-align: left; }
#orderBlockUI .scrollable h4 { font-weight: bold; font-size: 2rem; padding-left: 4px; }
#orderBlockUI .popup-filter-categories { background: #efefef; }
#orderBlockUI .popup-filter-categories a { width: 100%; text-align: left; }
#orderBlockUI .popup-filter-categories a span { white-space: break-spaces; float: left; width: calc(100% - 30px); }
#orderBlockUI .popup-filter-categories a i { float: right; margin-top: 5px; font-size: 12px; }
#orderBlockUI .popup-filter-letters { display: flex; flex-direction: row; flex-wrap: wrap; }
#orderBlockUI .popup-filter-letters a.btn { width: 35px; }
#orderBlockUI .popup-filter-letters a.btn.popup-filter-all { width: 75px; }

.searchBlockUI { display: none; z-index: 9999999; background: rgba(0, 0, 0, 0.6); left: 0; right: 0; top: 0; bottom: 0; position: fixed; }
.searchBlockUI .popup-inner { position: fixed; top: 140px; left: 21px; right: 21px; bottom: 53px; padding: 0 5px; background: #ffffff; text-align: center; z-index: 99999999; overflow: hidden; border-bottom: 1px solid #ddd; }
.searchBlockUI .close-search-popup { position: fixed; top: 107px; right: 21px; }
.searchBlockUI .scrollable { text-align: left; }
.searchBlockUI .scrollable h4 { font-weight: bold; font-size: 2rem; padding-left: 4px; }
.searchBlockUI .popup-filter-categories { background: #efefef; }
.searchBlockUI .popup-filter-categories a { width: 100%; text-align: left; }
.searchBlockUI .popup-filter-categories a span { white-space: break-spaces; float: left; width: calc(100% - 30px); }
.searchBlockUI .popup-filter-categories a i { float: right; margin-top: 5px; font-size: 12px; }
.searchBlockUI .popup-filter-letters { display: flex; flex-direction: row; flex-wrap: wrap; }
.searchBlockUI .popup-filter-letters a.btn { width: 35px; }
.searchBlockUI .popup-filter-letters a.btn.popup-filter-all { width: 75px; }

.form-control.alert-success { background: #e5f3df !important; color: #555 !important; }
.form-control.alert-danger { background: #f1d9d9 !important; color: #555 !important; }
.btn.text-success { color: #22BAA0 !important; }
.btn.text-danger { color: #f25656 !important; }

.row-success td { background: #e5f3df !important; }
.row-info td { background: #d3e6f0 !important; }
.row-sale td { background: #f25656 !important; }
.row-danger td { background: #f25656 !important; }

.paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 0.8em;
	margin-right: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
	border: 1px solid transparent;
	float: left;
}

.paginate_button.current, .paginate_button.current:hover {
	color: #5f5f5f!important;
	border: 1px solid #dddddd;
	background: #fafafa!important;
}

.paginate_button:hover, .paginate_button:active, .paginate_button:focus {
	color: #5f5f5f!important;
	border: 1px solid transparent;
	background: #fafafa!important;
	box-shadow: none;
}

.salesman-route { cursor: pointer; }

.photo-container .photo-headline {
	background-color: #767676;
	color: #ffffff;
	padding: 0px 15px !important;
	margin-bottom: 5px !important;
	text-align: left !important;
}

.photo-container .photo-headline span {
	padding: 10px 0;
	display: inline-block;
	font-size: 13px;
}

.photo-container .photo-headline a.btn {
	margin-top: 4px;
	font-size: 15px;
	padding: 3px 9px;
}

.photo-container .photo-overlay {
	background: #fafafa;
	padding: 10px 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.photo-container .photo-overlay > p {
	flex-basis: 100%;
	text-align: center;
}

.photo-container .photo-overlay .photo-item {
	flex-basis: calc(12.5% - 2px);
	padding: 0;
	margin: 0 1px 2px 1px;
}

.photo-container .photo-overlay .photo-item img {
	width: 100%;
	float: left;
	margin-right: 4px;
}

.photo-container .photo-overlay .photo-item .answer-image-delete a {
	width: 100%;
	padding: 4px 0;
	text-align: center;
}

#modal-photoPicker .photo-overlay {
	background: #fafafa;
	padding: 10px 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#modal-photoPicker .photo-overlay .photo-item {
	flex-basis: calc(25% - 2px);
	padding: 0;
	opacity: 0.4;
	margin: 0 1px 2px 1px;
}

#modal-photoPicker .photo-overlay .photo-item.photo-item-choose {
	opacity: 1;
}

#modal-photoPicker .photo-overlay .photo-item img {
	width: 100%;
	float: left;
	margin-right: 4px;
}

#modal-photoPicker .photo-overlay .photo-item .answer-image-info {
	width: 100%;
	float: left;
}

#modal-photoPicker .photo-overlay .photo-item .answer-image-info p {
	padding: 0;
}

.question:not(:first-child) {
	margin-top: 10px;
}

.question .answer-headline {
	background-color: #888888;
	color: #ffffff;
	padding: 0px 15px !important;
	margin-bottom: 5px !important;
	text-align: left !important;
	flex-grow: unset !important;
}

.question .answer-headline span {
	padding: 10px 0;
	display: inline-block;
}

.question .answer-headline a.btn {
	margin-top: 5px;
	font-size: 16px;
	padding: 3px 9px;
}

.question .answers, .question .answers > form {
	display: flex;
	flex-direction: row;
	margin-right: -2px;
	margin-left: -2px;
	justify-content: flex-end;
	margin-bottom: 15px;
}

.question .answers > form {
	width: 100%;
}

.question .answers .answer-container, .question .answers > form > div {
	flex-basis: calc(20% - 4px);
	background: #fafafa;
	padding: 10px 15px;
	margin: 0 2px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	border: 1px solid #fafafa;
}

.question .answers .no-answer-image {
	flex-basis: 100%;
	text-align: center;
}

.question .answers .answer-image {
	flex-basis: 25%;
	padding: 0;
}

.question .answers .answer-image .answer-image-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.question .answers .answer-image .answer-image-container .answer-image-info {
	width: 100%;
	float: left;
}

.question .answers .answer-image .answer-image-container .answer-image-info p {
	padding: 0;
}

.question .answers .answer-image .answer-image-container .answer-image-delete {
	width: 100%;
}

.question .answers .answer-image .answer-image-container .answer-image-delete a {
	width: 100%;
	padding: 4px 0;
	text-align: center;
}

.question .answers .answer-image img {
	width: 100%;
	float: left;
	margin-right: 4px;
}

.question .answers > div.last-selected {
	background-color: #dfe9f3;
	border: 1px solid #3c5b76;
	color: #3c5076;
}

.question .answers > div.selected {
	background-color: #e5f3df !important;
	border: 1px solid #3c763d !important;
	color: #3c763d !important;
}

.question .answers .answer-container > p {
	padding: 0;
	text-align: center;
	margin-bottom: 5px;
	flex-grow: 1;
}

.question .answers .survey-answer-text {
	flex-basis: 100%;
}

.question .answers .survey-answer-defined {
	flex-basis: 60%;
}

.question .answers > div span {
	display: block;
	text-align: center;
	font-weight: bold;
}

.customers-panel .nav-tabs > li > a {
	padding: 8px 5px;
}

@media (min-width: 768px) {
	.home-customer-list {
		height: calc(100vh - 217px) !important;
	}
}


.order-summary {
	padding:  10px 10px!important;
	margin-left: -5px;
	margin-right: -5px;
}

.order-summary .form-group {
	margin-bottom: 0;
}

.order-summary label {
	margin-bottom: 2px;
}


.customers-detail .tab-content {
	padding: 5px!important;
}


.row.row-compact {
	margin-left: -3px;
	margin-right: -3px;
}

.row.row-compact > [class^=col-], 
.row.row-compact > [class*=" col-"] {
	padding-left: 3px;
	padding-right: 3px;
}

.order-products {
	height: calc(100vh - 319px);
}

.order-products-news {
	height: calc(100vh - 276px);
}

.order-products-sale {
	height: calc(100vh - 362px);
}

.transfer-products {
	height: calc(100vh - 308px);
}

.refund-products {
	height: calc(100vh - 259px);
}

.order-products-ordered {
	height: calc(100vh - 282px);
}

.transfer-products-ordered {
	height: calc(100vh - 270px);
}

.refund-products-ordered {
	height: calc(100vh - 220px);
}

.points-vp {
	max-height: calc(100vh - 270px);
}

.points-vk {
	max-height: calc(100vh - 270px);
}

.product-image {
	border: 1px solid #eee;
}

.product-image img {
	padding: 3px;
	min-height: 70px;
}

.no-product-image {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	border: 1px solid #eee;
}

.no-product-image i {
 	font-size: 30px;
}

.special-offers-overlay {
	width: 100%;
	overflow-y: scroll;
	height: calc(100vh - 321px);
}

.special-offers-overlay .owl-carousel {
	display: flex;
	height: 100%;
}

.special-offers-overlay .owl-carousel .owl-item {
	margin-right: 3px;
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: inset 0px -1px 9px 0px rgba(229,229,229,0.8);
	box-shadow: inset 0px -1px 9px 0px rgba(229,229,229,0.8);
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner {
	display: inline-block;
	height: 100%;
	width: 52vh;
	position: relative;
	padding: 10px;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner p {
	color: #777 !important;
	font-weight: bold;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .badge {
	position: absolute;
	right: 3px;
	top: 3px;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .img-box {
	height: 100%;
	float: left;
	width: calc(20vh - 5px);
	position: relative;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .img-box img {
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .content {
	height: 100%;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: start;
	color: #000;
	overflow-y: scroll;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .content .ajax-modal {
	color: #000;
}

.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .content .owl-item-level .progress {

}

@media (orientation:portrait) {
	#modal-specialOffer .square {
		text-align: center;
	}

	#modal-specialOffer .square .content {
		max-width: 300px;
		margin: 0 auto;
	}

	.special-offers-overlay {
		height: calc(100vh - 418px);
	}

	.special-offers-overlay .owl-carousel .owl-item {
		height: auto;
	}

	.special-offers-overlay .owl-carousel .owl-item .owl-item-inner {
		width: auto;
	}

	.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .img-box {
		height: calc(15vh - 17px);
		float: none;
		width: 70vw;
		display: block;
		text-align: center;
	}

	.special-offers-overlay .owl-carousel .owl-item .owl-item-inner .content {
		width: 70vw;
	}

	.order-products-sale {
		height: calc(100vh - 458px);
	}

	.points-vp {
		max-height: calc(100vh - 290px);
	}

	.points-vk {
		max-height: calc(100vh - 606px);
	}
}

@media (max-width: 991px) {
	.order-products {
		height: calc(100vh - 417px);
	}

	.order-products-news {
		height: calc(100vh - 373px);
	}

	.transfer-products {
		height: calc(100vh - 338px);
	}

	.refund-products {
		height: calc(100vh - 295px);
	}

	.order-products-ordered {
		height: calc(100vh - 379px);
	}

	.transfer-products-ordered {
		height: calc(100vh - 299px);
	}

	.refund-products-ordered {
		height: calc(100vh - 258px);
	}
}

.customers-list {
	height: calc(100vh - 170px);
}

@media (max-width: 900px) {
	.customers-list {
		height: calc(100vh - 224px);
	}

	#modal-surveyPhoto .modal-content {
		width: 90% !important;
	}
}

@media (max-width: 767px) {
	.modal-content {
		max-width: calc(100vw - 20px);
		margin: 0;
	}
}

#modal-orderTotalPreview h2 {
	margin-top: 0;
	font-size: 16px;
	font-weight: bold;
}

#modal-orderTotalPreview h3 {
	background-color: #999999!important;
	color: #ffffff;
	padding: 4px;
}

#modal-orderTotalPreview h3 small {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
}

#modal-orderTotalPreview .alert {
	margin-bottom: 0;
}

#modal-orderTotalPreview .last-package {
	padding-bottom: 15px;
}

.promo-boxes { width: 100%; }
.promo-box { position: relative; margin-bottom: 16px; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .4); display: inline-block; }
.promo-box img { max-width: 100%; max-height: 100%; }
.promo-box .text-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px 15px; }
.promo-box .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -ms-transition: opacity time; -o-transition: opacity 200ms; transition: opacity 200ms; }
.promo-box:hover .bg { opacity: 0.5; }
.promo-box .text-content .title { color: #fff; width: 100%; display: inline-block; font-weight: bold; }
.promo-box .text-content .title-1 { font-size: 30px; line-height: 36px; }
.promo-box .text-content .title-2 { font-size: 48px; line-height: 54px; }
.promo-box .text-content .description { position: absolute; left: 0; bottom: 0; color: #fff; padding: 10px 15px; font-size: 14px; }
.promo-box .link-show { position: absolute; opacity: 0; left: 0; top: 50%; width: 100%; margin: -35px 0 0 0; color: #fff; text-align: center; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -ms-transition: opacity time; -o-transition: opacity 200ms; transition: opacity 200ms; }
.promo-box .link-show i { font-size: 50px; }
.promo-box .link-show span { font-size: 14px; width: 100%; display: inline-block; }
.promo-box:hover .link-show { opacity: 1; }

#modal-specialOffer.autoclose { top: auto; }
#modal-specialOffer.autoclose .modal-dialog { margin-top: 0; margin-bottom: 0; border-top: solid 10px rgba(0,0,0,0.5); border-left: solid 10px rgba(0,0,0,0.5);	border-right: solid 10px rgba(0,0,0,0.5); }
#modal-specialOffer.autoclose .special-offer-close-btn { display: none; }
#modal-specialOffer.autoclose .special-offer-text { display: none; }

@media (max-width: 767px) {
	#modal-specialOffer.autoclose .modal-dialog { margin: 0; }
}


.campaign-rewards-overlay {
	display: flex;
	flex-wrap: wrap;
}
.campaign-rewards-overlay .campaign-rewards-item {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}
.campaign-rewards-overlay .campaign-rewards-item .panel {
	height: 100%;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: inset 0px -1px 9px 0px rgba(229,229,229,0.8);
	box-shadow: inset 0px -1px 9px 0px rgba(229,229,229,0.8);
	margin-bottom: 0;
}
.campaign-rewards-overlay .campaign-rewards-item .name { min-height: 44px; text-align: center; }

.pointsListVP-panel { height: calc(100vh - 216px); }

@media (orientation:portrait) {
	.pointsListVP-panel { height: calc(100vh - 216px); }
}

/* alertify */
.alertify-logs {
	width: 100%;
	top: auto;
	bottom: 0;
	right: 0;
}

.alertify-log {
	text-align: center;
	right: 0;
	opacity: 1;
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	font-family: "Roboto", sans-serif !important;
	font-size: 1.6rem !important;
	font-weight: 400 !important;
	line-height: 2 !important;
}

.alertify-log-show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.alertify-log-hide {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
}

.alertify-log-error {
	background: #ef2c2c !important;
}

.alertify-log-warning {
	background: #ec9412 !important;
}

.input-date-range .help-block {
	display: table-row;
}

.datepicker-days .day.disabled {
	background: #cccccc;
}

.datepicker table tr td {
	padding: 13px !important;
	cursor: pointer;
	text-align: center;
}

.datepicker:before {
	display: none !important;
}

.datepicker:after {
	display: none !important;
}

.text-success .select2-selection span {
	color: #22BAA0 !important;
}

.dropdown-direction-up.select2-dropdown--below {
	bottom: calc(100% + 33px) !important;
}

#print-order { display: none; }

.answer-image-upload video { width: 100%; max-height: 75vh; }

.answer-image-upload .btn { width: 100%; }

.sorting-link { color: #fff; }
.sorting-link:hover { color: #fff; text-decoration: none; }
.sorting-link.selected { border-bottom: 1px solid #fff; }

#snippet--top_filters { float: left; display: contents; }
#snippet--top_filters select { height: 33px; }

#modal-creditPasswords .with-radio {
	width: 100%;
	display: inline-block;
}

#modal-creditPasswords .with-radio .credit-password-price {
	margin-top: 4px;
	float: right;
}

#modal-creditPasswords .with-radio label input[type=radio] {
	width: 18px;
	height: 18px;
	float: left;
}

#modal-creditPasswords .with-radio label span {
	margin-top: 4px;
	float: left;
	margin-left: 5px;
	font-weight: bold;
}

.order-keyboard {
	position: absolute;
	width: 280px;
	min-height: 200px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	box-shadow: 0 0 10px #999999;
	z-index: 999999;
	font-size: 13px!important;
	display: none;
	height: auto !important;
}

.order-keyboard-head {
	background: #eeeeee;
	padding: 0 5px;
	display: flex;
	justify-content: space-between;
}

.order-keyboard-head.alert-danger {
	background: #f2dede;
}

.order-keyboard-head a {
	padding: 8px;
	color: #888888;
	font-size: 16px;
}

.order-keyboard-body {
	padding: 10px;
}

.order-keyboard-body .btn-lg {
	font-size: 15px!important;
	line-height: 15px;
}

select.select-today-salesman-route, option.option-today-salesman-route {
	color: #22BAA0;
	font-weight: bold;
}

select.select-today-salesman-route option:not(.option-today-salesman-route) {
	color: #000000;
	font-weight: normal;
}

.customers-buttons-switcher a {
	padding: 6px 5px !important;
}

#modal-productImg {
	z-index: 9999999;
}

#modal-surveyPhoto .modal-content {
	width: 55%;
}

#modal-surveyPhoto .modal-content video {
	width: 100%;
	max-height: 75vh;
}

.js-filters .js-filters-field {

}

.dropdown-menu.dropdown-right {
	left: auto;
	right: 0;
}

.dropdown-menu.dropdown-right:before {
	left: auto;
	right: 9px;
}

.dropdown-menu.dropdown-right:after {
	left: auto;
	right: 10px;
}

.task-icon.badge { height: 18px; width: 18px; padding-top: 4px; }

.tasks { max-height: none; }
.tasks ul { display: block; }
.tasks li a .task-icon.badge, .tasks li span .task-icon.badge { padding-top: 3px; color: #ffffff; margin-top: 1px; }
.tasks li a .task-details, .tasks li span .task-details { margin: 0 0 0 5px; padding: 0; width: 240px; line-height: 20px; }
.tasks li .text-danger { color: #f25656!important; }
.tasks li a .badge, .tasks li span .badge { max-width: 100px; color: #666666; }
.tasks li span {
	color: #868686;
	font-size: 13px;
	padding-left: 8px;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

header a {
	padding: 10px 8px !important;
}

#order-search, #refund-search, #transfer-search { background: #d3e6f0; color: #000; }

#customers-filter {display: inline-block; width: 100%;}
#customers-filter.with-menu {display: inline-block; width: calc(100% - 40px)}
#customers-menu { display: inline-block; float: right; }

@media (max-width: 991px) {
	#order-search-panel { width: calc(100vw - 20px); margin-top: 5px; display: flex; justify-content: center; }
	#snippet--order_list .customers-buttons-switcher { width: calc(100vw - 20px); margin-right: 0; display: flex; justify-content: center; }
	#order-filter { position: relative; }
	#order-menu { position: absolute; right: 0; top: 0; width: 90px; }
	#order-menu a { width: 39px; margin-bottom: 5px; }
}

.alert-success {
	background: #538566 !important;
	color: #fff !important;
}

.alert-danger {
	background: #996363 !important;
	color: #fff !important;
}

.alert-warning {
	background: #bb9738 !important;
	color: #fff !important;
}

.alert-success a:not(.btn), .alert-danger a:not(.btn), .alert-warning a:not(.btn) { color: #fff !important; }

.alert-success .text-success { color: #fff !important; }
.alert-success .text-danger strong { background: #cd0a0a; color: #fff; padding: 1px 5px; }

.text-warning { color: #dfab46 !important; }
.text-success { color: #1fa890 !important; }

.product-row.row-hover td { background-color: #97bfd4 !important; }

.table-routes tr:first-of-type td { background-color: #767676!important; color: #fff; }
.table-routes tr td:first-of-type { background-color: #767676!important; color: #fff; }

.modal-product-name { margin-top: 0; }
.modal-product-warning h5 { margin: 0 0 7px 0; }

.autocomplete-container { display: inline-block; position: fixed; left: 0; top: 0; z-index: 19; background: #fff; width: 100%; border: 1px solid #999; max-height: 150px; overflow-y: auto; }
.autocomplete-container .autocomplete-item { width: 100%; }
.autocomplete-container .autocomplete-item a { padding: 8px 10px; display: inline-block; width: 100%; border-bottom: 1px solid #e5e5e5; color: #333; }

.input-group-btn>.btn { font-size: 13px; }

.orders-info-boxes { background-color: #F1F4F9; }
.orders-info-boxes .info-box { margin-bottom: 5px; margin-top: 5px; }
.orders-info-boxes .info-box .info-box-stats { width: 100%; }
.orders-info-boxes .info-box .info-box-stats p { font-size: 20px; line-height: 30px; }
.orders-info-boxes .info-box .info-box-stats p small { width: 40%; font-size: 14px; display: inline-block; }
.orders-info-boxes .info-box .info-box-title { font-size: 16px !important; }
.orders-info-boxes .info-box.panel-blue .info-box-title, .orders-info-boxes .info-box.panel-green .info-box-title { color: #374051; }
.orders-info-boxes .info-box.panel-blue { background-color: #64e2fa; }
.orders-info-boxes .info-box.panel-green{ background-color: #5efadc; }

nav .header-item-name {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	font-size: 14px;
	left: 50%;
	padding-top: 1px;
	transform: translateX(-25%);
}

::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: 12px;
}

::-webkit-scrollbar:horizontal {
	height: 12px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
}

.special-offer-number {
	padding-top: 12px;
}

.table-small-td > tbody > tr > td {
	padding: 5px 5px !important;
}

table.table-stripped tbody tr td.td-primary {
	background-color: #7a6fbe !important;
	color: #fff;
}

@media (min-width: 562px) {
	.modal-sm-2 {
		width: 500px;
	}
}

@media (max-width: 2600px) {
	.alertify-logs {
		top: 0;
		bottom: auto;
	}

	.alertify-log {
		margin-top: 0;
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
	}

	.alertify-log-show {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.alertify-log-hide {
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
	}

	.alertify-log {
		line-height: 22px;
		padding: 4px 15px;
	}
}
/* end alertify */