/*
|------------------------------------------------------------------------------
| Scroll Bar
|------------------------------------------------------------------------------
*/

*::-webkit-scrollbar {
	height: 2px;
	width: 10px;
}

*::-webkit-scrollbar-button {
	height: 0px;
	width: 0px;
}

*::-webkit-scrollbar-thumb {
	background: #868E96;
	border: 0px none #FFFFFF;
	border-radius: 0;
}

*::-webkit-scrollbar-thumb:hover {
	background: #495057;
}

*::-webkit-scrollbar-thumb:active {
	background: #343A40;
}

*::-webkit-scrollbar-track {
	background: #F1F3F5;
	border: 0px none transparent;
	border-radius: 50px;
}

*::-webkit-scrollbar-track:hover {
	background: #EEEEEE;
}

*::-webkit-scrollbar-track:active {
	background: #EEEEEE;
}

*::-webkit-scrollbar-corner {
	background: transparent;
}

.w12 {
	width: 12px !important;
}
.w14 {
	width: 14px !important;
}
.w16 {
	width: 16px !important;
}
.w18 {
	width: 18px !important;
}
.w24 {
	width: 24px !important;
}
.w28 {
	width: 28px !important;
}
.w30 {
	width: 30px !important;
}
.w34px {
	width: 34px !important;
}
.w40 {
	width: 40px !important;
}
.w60 {
	width: 60px !important;
}
.w80 {
	width: 80px !important;
}
.w95 {
	width: 95px !important;
}
.w120 {
	width: 120px !important;
}

.w-10 {
	width: 10% !important;
}
.w-30 {
	width: 30% !important;
}
.w-31 {
	width: 31% !important;
}
w-38 {
	width: 31% !important;
}
.w-40 {
	width: 40% !important;
}
.w-50 {
	width: 50% !important;
}
.w-70 {
	width: 70% !important;
}
.w-100 {
	width: 100% !important;
}
.w-90 {
	width: 90% !important;
}

.h400 {
	height: 400px !important;
}
.h100 {
	height: 100px !important;
}
.h-70 {
	height: 70px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-7 {
	margin-top: 7px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-55 {
	margin-top: 55px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.fit-content {
	min-height: fit-content;
}
.m-top-5 {
	margin-top: 5px;
}
.m-top-20, .mt-20 {
	margin-top: 20px;
}
.m-top-25, .mt-25 {
	margin-top: 25px;
}
.mt-10 {
	margin-top:10px;
}
.mt-15 {
	margin-top:15px;
}
.mt-40 {
	margin-top:40px;
}
.m-left-10, .ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mb-40 {
	margin-bottom:40px !important;
}
.mb-50 {
	margin-bottom:50px !important;
}
.mb-60 {
	margin-bottom:60px !important;
}
.mb-80 {
	margin-bottom:80px !important;
}
.ml-5 {
	margin-left:5em !important;
}
.ml-70 {
	margin-left:70px;
}
.p-5 {
	padding: 5px 10px;
}
.p-10 {
	padding: 10px;
}
.p-top-bottom-20 {
	padding: 20px 10px;
}
.p-right-10, .pr-10 {
	padding-right: 10px;
}
.p-right-20, .pr-20 {
	padding-right: 20px;
}
.pr-24 {
	padding-right: 24px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.pt-2 {
	padding-top: 2px !important;
}
.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.p-0 {
	padding: 0px !important;
}
.center {
	text-align: center;
}
.pointer {
	cursor:pointer;
}
.p-unset {
	position: unset;
}
.mw-100 {
	min-width: 100% !important;
}
.product-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 38px 10px 18px;
}
.hidden {
	display: none;
}
.v-hidden {
	visibility: hidden;
}
.inline {
	display: inline-block;
}
.right {
	float: right !important;
}
.left {
	float: left !important;
}
.bold {
	font-weight: bold;
}
.center {
	margin:0 auto;
}
.green {
	color: #28a745 !important;
}
.blue {
	color: blue !important;
}
.red {
	color: #dc3545 !important;
}
.yellow {
	color: rgba(255, 243, 20, 0.94) !important;
}
.light-blue {
	color: lightblue;
}
.text-success {
	color: #28a745!important;
}
.text-danger {
	color: #dc3545!important;
}
.black {
	color: black !important;
}
.suggestions-suggestions {
	color: black !important;
}
.bg-orange {
	background: #ff9800 !important;
}
.white {
	color: white !important;
}
@media (min-width:768px) {
	.desctop-hide{
		display:none;
	}
}
@media (max-width:767px) {
	.phone-hide{
		display:none;
	}
}
.hide, .hidden {
	display: none !important;
}
.no-background {
	background-color: transparent !important;
}
.img-width {
	width: 200px;
}
.find {
	color: blue;
	background-color: yellow;
	font-weight: bold;
}
.no-list-style {
	list-style-type: none;
}
/* Bottom border*/
.bottom-border:after {
	content: '';
	position: absolute;
	background-color: rgba(0,0,0,.12);
	display: block;
	z-index: 15;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.select-border {
	border: 2px solid rgba(220, 220, 220, 0.2);
}

.mid {
	font-size: 1.2em !important;
}
.large {
	font-size: 3em !important;
}
.mid-mid {
	font-size: 1.5em !important;
}
.mid-large {
	font-size: 2em !important;
}
.super-large {
	font-size: 8em;
}
.orange {
	color: #ff9800 !important;
}
.gray {
	color: gray !important;
}
.blue {
	color: #2196f3 !important;
}
.nowrap {
	white-space: nowrap !important;
}


.page-login .page-content {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	text-align: center;
}


.page-login .page-content {
	 align-items: stretch;
	 display: flex;
	 flex-direction: column;
	 height: 100%;
	 justify-content: flex-start;
	 text-align: center;
 }

.page-login .numpad {
	margin: 0 auto;
	margin-top: auto;
	max-width: 640px;
	width: 100%;
}

.page-login .otp-digit {
	align-items: center;
	background-color: #F5F5F5;
	color: #222222;
	border-radius: 50%;
	display: inline-flex;
	font-size: 24px;
	font-weight: bold;
	height: 32px;
	justify-content: center;
	margin: 0 4px;
	padding: 8px;
	vertical-align: top;
	width: 32px;
}

.page-login .otp-digit.filled {
	color: #FFFFFF;
}

.ios .page-login .otp-digit.filled {
				  background-color: var(--ios-color-blue);
			  }

.ios .color-theme-red .page-login .otp-digit.filled {
								   background-color: var(--ios-color-red);
							   }

.ios .color-theme-green .page-login .otp-digit.filled {
									 background-color: var(--ios-color-green);
								 }

.ios .color-theme-blue .page-login .otp-digit.filled {
									background-color: var(--ios-color-blue);
								}

.ios .color-theme-pink .page-login .otp-digit.filled {
									background-color: var(--ios-color-pink);
								}

.ios .color-theme-yellow .page-login .otp-digit.filled {
									  background-color: var(--ios-color-yellow);
								  }

.ios .color-theme-orange .page-login .otp-digit.filled {
									  background-color: var(--ios-color-orange);
								  }

.ios .color-theme-gray .page-login .otp-digit.filled {
									background-color: var(--ios-color-gray);
								}

.ios .color-theme-black .page-login .otp-digit.filled {
									 background-color: var(--ios-color-black);
								 }

.md .page-login .otp-digit.filled {
				 background-color: var(--md-color-blue);
			 }

.md .color-theme-red .page-login .otp-digit.filled {
								  background-color: var(--md-color-red);
							  }

.md .color-theme-green .page-login .otp-digit.filled {
									background-color: var(--md-color-green);
								}

.md .color-theme-blue .page-login .otp-digit.filled {
								   background-color: var(--md-color-blue);
							   }

.md .color-theme-pink .page-login .otp-digit.filled {
								   background-color: var(--md-color-pink);
							   }

.md .color-theme-yellow .page-login .otp-digit.filled {
									 background-color: var(--md-color-yellow);
								 }

.md .color-theme-orange .page-login .otp-digit.filled {
									 background-color: var(--md-color-orange);
								 }

.md .color-theme-gray .page-login .otp-digit.filled {
								   background-color: var(--md-color-gray);
							   }

.md .color-theme-black .page-login .otp-digit.filled {
									background-color: var(--md-color-black);
								}

.theme-dark .page-login .keypad-buttons {
						 color: #FFFFFF;
					 }

.keypad-button {
	background-color: transparent;
}

.keypad-button:before {
	display: none;
}

.keypad-button:after {
	display: none;
}

.keypad-button-letters {
	display: none;
}

.theme-dark .page-login .keypad-button:not(.keypad-dummy-button).active-state {
						 background-color: #292929;
					 }

.theme-dark .page-login i.icon-keypad-delete {
						 background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'><path d='M18,0h-8C8.9,0,7.9,0.5,7.1,1.2c0,0,0,0,0,0L1,7.2C0.6,7.7,0.6,8.4,1,8.8l4.9,4.7L7,14.6c0,0,0,0,0,0c0.7,0.9,1.8,1.4,3,1.4 h8c2.2,0,4-1.8,4-4V4C22,1.8,20.2,0,18,0z M17.3,11.2l-0.7,0.7l-3.2-3.2l-3.2,3.2l-0.7-0.7L12.8,8L9.6,4.8l0.7-0.7l3.2,3.2l3.2-3.2 l0.7,0.7L14.2,8L17.3,11.2z' fill='%23FFFFFF'/></svg>");
					 }
.page-login .keypad-button.keypad-button-dark {
	background: unset !important;
}

.border-bottom {
	border-bottom: 1px solid;
	border-color: rgba(240, 240, 240, 0.06);
}
.block-list {
	display: block !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.red-border {
	border: solid red;
}
.left-border-red {
	border-left: solid red;
}
.left-border-orange {
	border-left: solid orange;
}
.left-border-yellow {
	border-left: solid yellow;
}
.left-border-green {
	border-left: solid lime;
}
.left-border-blue {
	border-left: solid blue;
}
.left-border-orange-red {
	border-left: solid orangered;
}
.fs-14 {
	font-size: 14px !important;
}
.fs-16 {
	font-size: 16px !important;
}
.fs-18 {
	font-size: 18px !important;
}
.fs-21 {
	font-size: 21px !important;
}
.md .theme-dark .smart-select-popover .icon-checkbox {
	border-color: orange !important;
}
.text-right {
	text-align: right !important;
}

.md .theme-dark .list ul:after, .list.md .theme-dark ul:after {
	background-color: #21212100 !important;
}
.border-red {
	border: 4px solid #f44336;
}
.border-green {
	border: 4px solid #91cb08 !important;
}
.border-orange {
	border: 4px solid #ff9800 !important;
}
.border-grey {
	border: 1px solid rgba(210, 210, 210, 0.5);
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.center-block {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

/* - Далее табло - */
.red-border {
	border: solid red;
}
.left-border-red {
	border-left: solid red;
}
.left-border-orange {
	border-left: solid orange;
}
.left-border-yellow {
	border-left: solid yellow;
}
.left-border-green {
	border-left: solid lime;
}
.left-border-blue {
	border-left: solid blue;
}
.left-border-orange-red {
	border-left: solid orangered;
}
.fs-14 {
	font-size: 14px !important;
}
.md .theme-dark .smart-select-popover .icon-checkbox {
	border-color: orange !important;
}
.text-right {
	text-align: right !important;
}

.s-blue { background: #000080; overflow:hidden; }
.s-red { background: red; overflow:hidden; }
.s-red-score { font-weight:bolder; color: rgba(255, 0, 0, 0.62); line-height: inherit; }
.s-blue-score { font-weight:bolder; color: #000080; line-height: inherit; }
.s-green { font-weight:bolder; color: #0F0; line-height: inherit; }
.red-score { background: #a60000; text-align:center; }
.blue-score { background: #006; text-align:center; }
.med_name { text-align: left; padding-left: 40px; overflow: hidden; }
.green_name { text-align: center; overflow: hidden; }
.border-red { border: #ffa0a0 solid 1px; }
.border-blue { border: #7BF solid 1px; }
.float_right { float:right; }
.bg_white { background:#FFF; color: darkblue; }
.overflow {
	overflow:hidden !important;
	white-space: nowrap;
}
body{ padding-right: 0 !important; }
.width { padding-left: 2px !important; padding-right: 2px !important; }
.white { color:white; }
.bg-red { background: red !important; }
.bg-blue { background: #7BF !important; }
.blink{ animation: blink 2s linear infinite; }
@keyframes blink {
	0%{opacity: 0.3;}
	50%{opacity: .6;}
	100%{opacity: 1;}
}
.bolder { font-weight: bolder; }
.gold { color: #fad534 !important; }

.w20 {
	width: 20% !important;
}
.w33 {
	width: 33% !important;
}
.w34 {
	width: 34% !important;
}
.text-right {
	text-align: right;
}
.w-20 {
	width: 20px !important;
}
.w-24 {
	width: 24px !important;
}
.w-26 {
	width: 26px !important;
}
.w-28 {
	width: 28px !important;
}
.w-56 {
	width: 56px !important;
}
.w-300 {
	width: 300px !important;
}
.w-150 {
	width: 150px !important;
}
/* - конец табло - */

.block-background {
	background-color: rgba(255, 255, 255, 0.03);
}
.duo-btn-reload {
	position: absolute;
	right: 16px;
}
.border-radius-15 {
	border-radius: 15px !important;
}
.md .badge.color-silver {
	background-color: rgba(225, 225, 225, 0.9);
}
.md .badge.color-braun {
	background-color: rgba(225, 91, 21, 0.9);
}
.background-color-unset {
	background-color: unset !important;
}