html{
	height: 100%;
}
.html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 12px;
	/*color: #666666;*/
	color: #5b5b5b;
	text-rendering: optimizeLegibility;
	font-family: 'Gotham Pro Regular';
/*	font-family: 'Roboto';*/
	background: #ebeef2;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
a{
	color: #212121;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.66em;
/*    font-family: 'Roboto', sans-serif;*/
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.toast {
    border-radius: 10px !important;
}
.toast-title {
    color: #495057;
    font-weight: 500;
    font-size: 16px;
}
.toast-message {
    color: #454545;
    font-size: 1.25rem;
}
.toast-error,
.toast-info,
.toast-success,
.toast-warning {
    background-color: #fff;
}
#toast-container > div {
    min-width: 300px !important;
    padding: 15px 20px 15px 60px;
    box-shadow: 0 0 20px rgba(173, 181, 189, 0.5);
    background-color: #fff;
    opacity: 1;
    width: 100%;
}
#toast-container > div:hover {
    box-shadow: 0 0 20px rgba(173, 181, 189, 0.1);
}
#toast-container > .toast-success {
	background-size: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%230AC074'/%3E%3Cpath d='M17.0582 27.6647C16.7058 27.4297 16.3702 27.2955 16.1185 27.0438C14.172 25.1141 12.2423 23.1676 10.2958 21.2546C9.90984 20.8687 9.89306 20.6002 10.2958 20.2311C11.0341 19.5431 11.7389 18.8383 12.4269 18.1C12.8296 17.6805 13.0813 17.7644 13.4505 18.1503C14.3901 19.1403 15.3802 20.0968 16.3534 21.0533C17.0917 21.7916 17.1085 21.7748 17.8636 21.0197C20.7163 18.1503 23.6024 15.2977 26.4383 12.4115C26.9417 11.8913 27.2941 11.841 27.7807 12.3947C28.368 13.0659 29.0224 13.6868 29.6769 14.2909C30.0964 14.6768 30.1131 15.0124 29.6936 15.4152C25.8006 19.2914 21.9076 23.2011 18.0147 27.0774C17.7797 27.3123 17.4106 27.4465 17.0582 27.6647Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
#toast-container > .toast-warning {
	background-size: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FFB821'/%3E%3Cg clip-path='url(%23clip0_170_1104)'%3E%3Cpath d='M18.0771 13.7187C18.0579 13.3911 18.0386 13.0829 18.0193 12.7553C17.8844 10.578 19.0212 9.63392 21.1214 10.1156C21.9307 10.3083 22.528 11.3102 22.4509 12.5241C22.3353 14.7399 22.1812 16.9364 22.027 19.1522C21.9885 19.8844 21.9692 20.6358 21.8922 21.368C21.8343 21.869 21.7958 22.447 21.5068 22.8324C21.1985 23.237 20.6397 23.6609 20.158 23.6802C19.7342 23.6994 19.1754 23.2563 18.9056 22.8516C18.6166 22.4277 18.5588 21.8304 18.5203 21.2909C18.3469 18.7669 18.212 16.2428 18.0771 13.7187C18.0579 13.7187 18.0579 13.7187 18.0771 13.7187Z' fill='white'/%3E%3Cpath d='M22.1619 28.054C22.1812 29.133 21.3912 29.9807 20.3507 30C19.291 30.0193 18.4625 29.21 18.4432 28.1503C18.4239 27.0713 19.2332 26.2042 20.2544 26.185C21.2756 26.1464 22.1426 26.9942 22.1619 28.054Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1104'%3E%3Crect width='4.45087' height='20' fill='white' transform='translate(18 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
#toast-container > .toast-info {
	background-size: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%230099FB'/%3E%3Cg clip-path='url(%23clip0_170_1103)'%3E%3Cpath d='M16 18.8036C15.9502 17.8929 16.3818 17.5179 17.0956 17.3572C17.743 17.1965 18.3572 16.9286 18.988 16.7857C21.7271 16.2143 23.2709 17.9643 22.5903 20.875C22.2251 22.4465 21.7271 23.9822 21.3785 25.5715C20.8639 27.9465 21.4283 28.5357 23.6361 28.0536C23.7357 28.0357 23.8519 28 24.0013 27.9465C24.0677 28.625 23.8851 29.0893 23.2211 29.25C22.2583 29.5 21.3121 29.9107 20.3493 29.9822C18.0584 30.1607 16.7802 28.5179 17.2948 26.1072C17.66 24.4465 18.158 22.8036 18.5398 21.1429C19.1208 18.75 18.49 18.125 16.2822 18.75C16.1992 18.7857 16.1162 18.7857 16 18.8036Z' fill='white'/%3E%3Cpath d='M22.0093 14.6071C20.6481 14.6071 19.5691 13.5714 19.6023 12.2679C19.6189 11.0179 20.6979 10 21.9927 10C23.3042 10 24.35 11.0357 24.35 12.3036C24.3334 13.6071 23.3374 14.6071 22.0093 14.6071Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1103'%3E%3Crect width='8.33333' height='20' fill='white' transform='translate(16 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
#toast-container > .toast-error {
	background-size: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23F72947'/%3E%3Cg clip-path='url(%23clip0_170_1105)'%3E%3Cpath d='M16.7906 19.9258C16.5602 19.7049 16.3442 19.4937 16.1282 19.2825C14.8512 18.0152 13.5695 16.7478 12.2926 15.4805C11.8989 15.0917 11.8989 14.818 12.3022 14.4244C13.0174 13.7139 13.7327 13.0035 14.448 12.293C14.8464 11.8993 15.1057 11.9041 15.5089 12.3026C16.949 13.7283 18.3844 15.1541 19.8245 16.5798C19.8773 16.6278 19.9109 16.695 19.9685 16.7718C20.0694 16.6758 20.1414 16.6134 20.2038 16.5462C21.6439 15.1205 23.0793 13.6947 24.5194 12.269C24.8794 11.9137 25.1723 11.9137 25.5323 12.269C26.2572 12.9843 26.9772 13.6995 27.6973 14.4148C28.0958 14.8084 28.1006 15.0821 27.7069 15.4709C26.2812 16.887 24.8554 18.3032 23.4297 19.7145C23.3625 19.7817 23.2809 19.8345 23.1849 19.9065C23.3625 20.0794 23.4969 20.2138 23.6313 20.3482C24.9994 21.7067 26.3676 23.0653 27.7357 24.4238C28.0814 24.7694 28.0814 25.0623 27.7309 25.4127C26.9964 26.1424 26.262 26.8672 25.5323 27.5921C25.1723 27.9522 24.8794 27.9522 24.5194 27.5969C23.0793 26.1712 21.6439 24.7454 20.2038 23.3197C20.1414 23.2573 20.079 23.1997 20.0021 23.1277C19.9301 23.1949 19.8677 23.2477 19.8053 23.3101C18.3652 24.7358 16.9298 26.1616 15.4897 27.5873C15.1105 27.9618 14.8368 27.9618 14.4624 27.5921C13.7279 26.8672 12.9934 26.1376 12.2638 25.4127C11.9133 25.0671 11.9133 24.7694 12.259 24.4238C13.7039 22.9933 15.1441 21.5579 16.589 20.1274C16.6514 20.0746 16.709 20.0122 16.7906 19.9258Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1105'%3E%3Crect width='16' height='15.8752' fill='white' transform='translate(12 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
.toast-progress {
    opacity: 1;
}
.toast-success > .toast-progress {
    background-color: #0ac074;
}
.toast-warning > .toast-progress {
    background-color: #ffb821;
}
.toast-error > .toast-progress {
    background-color: #f62947;
}
.toast-info > .toast-progress {
    background-color: #0099fb;
}
.toast-close-button {
    color: #495057 !important;
    right: 0 !important;
    top: 0 !important;
    font-size: 30px !important;
    font-weight: 400 !important;
}

.text-gray{
	color: #444;
}
.page-header {
    vertical-align: middle;
    margin: 0px 0 15px 0;
    padding: 0;
    border-bottom: none;
    padding-top: 2rem;
}
.table-responsive{
	background: #fff;
	border-radius: 1.5rem;
/*	box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
}
.well{
	border-radius: 1.5rem;
/*	box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
/*	-webkit-box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
	background: #fff;
	border: none;
}
.table > thead > tr > td{
	padding: 12px 10px 12px 10px;
}
.table-bordered > thead > tr > td{
	border: 1px solid #ebecf1;
}
.page-header h1 {
	color: #67738b;
    display: inline-block;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 2.5rem;
    position: relative;
    padding-left: 1.5rem;
    font-family: 'Oktah';
    font-style: italic;
}
.breadcrumb {
	display: inline-block;
	background: none;
	margin: 0;
	padding: 0 10px;
}
.breadcrumb li a {
	color: #999999;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
.breadcrumb li:last-child a {
	color: #ea9c44;
}
.breadcrumb li a:hover {
	text-decoration: none;
}
.breadcrumb li + li:before {
	content: "/";
	font-family: FontAwesome;
	color: #BBBBBB;
	padding: 0 5px;
}
a:hover, a:focus {
	text-decoration: none;
}
/* fix for bootstrap hidden and visible */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}
#container {
	min-height: 100%;
	width: 100%;
	position: relative;
}
.container-fluid {
	padding-left: 10px;
	padding-right: 20px;
}
#header {
	min-height: 0px;
	background: #FFFFFF;
/*	border-bottom: 1px solid #E5E5E5;*/
	margin: 0;
	padding: 0;
	/*box-shadow: 0px -3px 7px 0px #999;*/
	box-shadow: 1px 0px 5px 0px rgba(0,0,0,.1);
/*	font-family: 'Roboto';*/
	display: block;
}
#header .nav > li {
	float: left;
	height: 56px;
}
#header .nav > li li {
	min-width: 200px;
}
#header .navbar-header {
	min-height: 0px;
	padding: 0;
}
/* Mobile */
@media (max-width: 767px) {
#header .navbar-header {
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}
}
#header #button-menu + .navbar-brand {
	padding: 10px 10px 10px 10px;
	margin-right: 10px;
	height: auto;
}
#header .nav > li > a {
	padding: 3px 20px;
	line-height: 50px;
	cursor: pointer;
	color: #6D6D6D;
/*	border-left: 1px solid #E1E1E1;*/
	display: flex;
    justify-content: end;
    align-items: center;
	height: 100%;
}
#header .nav > li > a > .label {
	text-shadow: none;
	padding: 1px 4px;
	position: absolute;
	top: 8px;
	left: 6px;
}
#button-menu {
	padding: 10px 16px 10px 18px;
    line-height: 35px;
    float: left;
    display: inline-block;
    cursor: pointer;
    color: #66728b;
/*    border-right: 1px solid #E1E1E1;*/
    font-size: 16px;
    display: flex;
    height: 56px;
    align-items: center;
}
#button-menu .bx{
	font-size: 2.5rem;
	z-index: -1;
}
.btn-danger {
    color: #f44336;
    background-color: unset;
    border-color: unset;
    border: none;
    font-weight: 800;
    font-size: 19px!important;
}
.btn-danger:hover{
	background-color: unset;
    border:none;
    background: none;
    color: #444444;
}
#profile {
	display: none;
}
#column-left.active #profile {
	display: block;
	padding: 10px 15px 10px 15px;
	overflow: auto;
	border-bottom: 1px solid #6d6d6d;
}
#profile div {
	float: left;
	color: #C4C4C4;
}
#profile div i {
	font-size: 42px;
	color: #2ca5d3;
}
#profile div + div {
	margin-left: 15px;
}
#profile h4 {
	margin-top: 6px;
	font-family: 'Gotham Pro Regular';
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 0;
}
#column-left {
    width: 59px;
    height: 105%;
    position: absolute;
    /* top: 0px; */
    padding-top: 0px;
    z-index: 10;
    transition: all 0.05s;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(4 4 7 / 10%);
/*    min-height: 100vh;*/
}
#column-left.active {
	width: 235px;
	display: block;
}

#content {
	padding-bottom: 40px;
/*	transition: all 0.3s;*/
}
#column-left + #content {
	margin-left: 55px;
}
#column-left + #content + #footer {
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
	height: 6rem;
/*	display: none;*/
}
/* Mobile */
@media (max-width: 767px) {
#column-left {
	overflow: hidden;
	display: none;
}
#column-left + #content {
	margin-left: 0;
}
#column-left + #content + #footer {
	margin-left: 0;
}
}

.m-0 {
	margin: 0!important
}
.m-1 {
	margin: .25rem!important
}
.m-2 {
	margin: .5rem!important
}
.m-3 {
	margin: 1rem!important
}
.m-4 {
	margin: 1.5rem!important
}
.m-5 {
	margin: 3rem!important
}
.m-auto {
	margin: auto!important
}
.mx-0 {
	margin-right: 0!important;
	margin-left: 0!important
}
.mx-1 {
	margin-right: .25rem!important;
	margin-left: .25rem!important
}
.mx-2 {
	margin-right: .5rem!important;
	margin-left: .5rem!important
}
.mx-3 {
	margin-right: 1rem!important;
	margin-left: 1rem!important
}
.mx-4 {
	margin-right: 1.5rem!important;
	margin-left: 1.5rem!important
}
.mx-5 {
	margin-right: 3rem!important;
	margin-left: 3rem!important
}
.mx-auto {
	margin-right: auto!important;
	margin-left: auto!important
}
.my-0 {
	margin-top: 0!important;
	margin-bottom: 0!important
}
.my-1 {
	margin-top: .25rem!important;
	margin-bottom: .25rem!important
}
.my-2 {
	margin-top: .5rem!important;
	margin-bottom: .5rem!important
}
.my-3 {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important
}
.my-4 {
	margin-top: 1.5rem!important;
	margin-bottom: 1.5rem!important
}
.my-5 {
	margin-top: 3rem!important;
	margin-bottom: 3rem!important
}
.my-auto {
	margin-top: auto!important;
	margin-bottom: auto!important
}
.mt-0 {
	margin-top: 0!important
}
.mt-1 {
	margin-top: .25rem!important
}
.mt-2 {
	margin-top: .5rem!important
}
.mt-3 {
	margin-top: 1rem!important
}
.mt-4 {
	margin-top: 1.5rem!important
}
.mt-45{
	margin-top: 2rem!important;
}
.mt-5 {
	margin-top: 3rem!important
}
.mt-auto {
	margin-top: auto!important
}
.me-0 {
	margin-right: 0!important
}
.me-1 {
	margin-right: .25rem!important
}
.me-2 {
	margin-right: .5rem!important
}
.me-3 {
	margin-right: 1rem!important
}
.me-4 {
	margin-right: 1.5rem!important
}
.me-5 {
	margin-right: 3rem!important
}
.me-auto {
	margin-right: auto!important
}
.mb-0 {
	margin-bottom: 0!important
}
.mb-1 {
	margin-bottom: .25rem!important
}
.mb-2 {
	margin-bottom: .5rem!important
}
.mb-3 {
	margin-bottom: 1rem!important
}
.mb-4 {
	margin-bottom: 1.5rem!important
}
.mb-5 {
	margin-bottom: 3rem!important
}
.mb-auto {
	margin-bottom: auto!important
}
.ms-0 {
	margin-left: 0!important
}
.ms-1 {
	margin-left: .25rem!important
}
.ms-2 {
	margin-left: .5rem!important
}
.ms-3 {
	margin-left: 1rem!important
}
.ms-4 {
	margin-left: 1.5rem!important
}
.ms-5 {
	margin-left: 3rem!important
}
.ms-auto {
	margin-left: auto!important
}
.p-0 {
	padding: 0!important
}
.p-1 {
	padding: .25rem!important
}
.p-2 {
	padding: .5rem!important
}
.p-3 {
	padding: 1rem!important
}
.p-4 {
	padding: 1.5rem!important
}
.p-5 {
	padding: 3rem!important
}
.px-0 {
	padding-right: 0!important;
	padding-left: 0!important
}
.px-1 {
	padding-right: .25rem!important;
	padding-left: .25rem!important
}
.px-2 {
	padding-right: .5rem!important;
	padding-left: .5rem!important
}
.px-3 {
	padding-right: 1rem!important;
	padding-left: 1rem!important
}
.px-4 {
	padding-right: 1.5rem!important;
	padding-left: 1.5rem!important
}
.px-5 {
	padding-right: 3rem!important;
	padding-left: 3rem!important
}
.px-2rem {
	padding-right: 2rem!important;
	padding-left: 2rem!important
}

.py-0 {
	padding-top: 0!important;
	padding-bottom: 0!important
}
.py-1 {
	padding-top: .25rem!important;
	padding-bottom: .25rem!important
}
.py-2 {
	padding-top: .5rem!important;
	padding-bottom: .5rem!important
}
.py-3 {
	padding-top: 1rem!important;
	padding-bottom: 1rem!important
}
.py-4 {
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important
}
.py-5 {
	padding-top: 3rem!important;
	padding-bottom: 3rem!important
}
.pt-0 {
	padding-top: 0!important
}
.pt-1 {
	padding-top: .25rem!important
}
.pt-2 {
	padding-top: .5rem!important
}
.pt-3 {
	padding-top: 1rem!important
}
.pt-4 {
	padding-top: 1.5rem!important
}
.pt-5 {
	padding-top: 3rem!important
}
.pe-0 {
	padding-right: 0!important
}
.pe-1 {
	padding-right: .25rem!important
}
.pe-2 {
	padding-right: .5rem!important
}
.pe-3 {
	padding-right: 1rem!important
}
.pe-4 {
	padding-right: 1.5rem!important
}
.pe-5 {
	padding-right: 3rem!important
}
.pb-0 {
	padding-bottom: 0!important
}
.pb-1 {
	padding-bottom: .25rem!important
}
.pb-2 {
	padding-bottom: .5rem!important
}
.pb-3 {
	padding-bottom: 1rem!important
}
.pb-4 {
	padding-bottom: 1.5rem!important
}
.pb-5 {
	padding-bottom: 3rem!important
}
.ps-0 {
	padding-left: 0!important
}
.ps-1 {
	padding-left: .25rem!important
}
.ps-2 {
	padding-left: .5rem!important
}
.ps-3 {
	padding-left: 1rem!important
}
.ps-4 {
	padding-left: 1.5rem!important
}
.ps-5 {
	padding-left: 3rem!important
}
.flex-fill {
	flex: 1 1 auto!important
}
.flex-row {
	flex-direction: row!important
}
.flex-column {
	flex-direction: column!important
}
.flex-row-reverse {
	flex-direction: row-reverse!important
}
.flex-column-reverse {
	flex-direction: column-reverse!important
}
.flex-grow-0 {
	flex-grow: 0!important
}
.flex-grow-1 {
	flex-grow: 1!important
}
.flex-shrink-0 {
	flex-shrink: 0!important
}
.flex-shrink-1 {
	flex-shrink: 1!important
}
.flex-wrap {
	flex-wrap: wrap!important
}
.flex-nowrap {
	flex-wrap: nowrap!important
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse!important
}
.gap-0 {
	gap: 0!important
}
.gap-1 {
	gap: .25rem!important
}
.gap-2 {
	gap: .5rem!important
}
.gap-3 {
	gap: 1rem!important
}
.gap-4 {
	gap: 1.5rem!important
}
.gap-5 {
	gap: 3rem!important
}
.justify-content-start {
	justify-content: flex-start!important
}
.justify-content-end {
	justify-content: flex-end!important
}
.justify-content-center {
	justify-content: center!important
}
.justify-content-between {
	justify-content: space-between!important
}
.justify-content-around {
	justify-content: space-around!important
}
.justify-content-evenly {
	justify-content: space-evenly!important
}
.align-items-start {
	align-items: flex-start!important
}
.align-items-end {
	align-items: flex-end!important
}
.align-items-center {
	align-items: center!important
}
.align-items-baseline {
	align-items: baseline!important
}
.align-items-stretch {
	align-items: stretch!important
}
.align-content-start {
	align-content: flex-start!important
}
.align-content-end {
	align-content: flex-end!important
}
.align-content-center {
	align-content: center!important
}
.align-content-between {
	align-content: space-between!important
}
.align-content-around {
	align-content: space-around!important
}
.align-content-stretch {
	align-content: stretch!important
}
.align-self-auto {
	align-self: auto!important
}
.align-self-start {
	align-self: flex-start!important
}
.align-self-end {
	align-self: flex-end!important
}
.align-self-center {
	align-self: center!important
}
.align-self-baseline {
	align-self: baseline!important
}
.align-self-stretch {
	align-self: stretch!important
}
/* Menu */
#menu, #menu ul, #menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu {
	margin-bottom: 25px;
}
#menu > li {
	position: relative;
}
#menu li a {
	text-decoration: none;
	display: flex;
	padding: 10px;
	cursor: pointer;
    font-weight: 400;
    -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    transition: border-left-color 0.3s ease, background-color 0.3s ease;
    margin: 2px 8px 2px 6px;
    border-radius: 1.5rem;
    justify-content: start;
    align-items: center;

}
#menu li a i {
	font-size: 25px;
    padding: 0px;
    width: 30px;
    height: 25px;
    text-align: center;
    background: none;
    color: #66728b;
    background: #f2f4f7;
    border-radius: 0.75rem;
    padding: 0.5rem;
    height: 3.5rem;
    width: 3.5rem;
}
#menu > li > a {
	color: #1a1630;
	font-size: 15px;
	padding-left: 9px;
	/*border-bottom: 1px solid #e2e2e2;*/
	margin: 0.2rem;
}
#menu li ul{
	overflow: hidden;
    box-shadow: 15px 10px 15px rgb(4 4 7 / 7%);
    border: 1px solid#e9ecf0;
    border-left: 1px solid#f3f4f5;
}
.active #menu li ul{
	box-shadow: none;
}
#menu li ul a{
	padding-left: 0;
}
.active #menu li ul a{
	padding-left: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0px 0px 20px;
}
#menu > li > a:hover {
	background-color: unset;
}
#menu > li > a > span {
	display: none;
	margin-left: 8px;
}
#menu li li a {
	color: #363d40;
}
#menu li li a:hover {
	color: #eb9d44;
}
#menu li.active li a:hover{
	color: #eb9d44;
}
#menu li li a:before {
    content: "\ea50";
    font-size: 20px;
    font-family: 'boxicons';
    margin-left: 5px;
    margin-right: 5px;
    transition: margin ease 0.5s;
    color: #66728b;
}
#menu li li a:hover:before {
	margin-right: 20px;
}
.active #menu > li.active > a {
	color: #1a1630;
    background: #ebeef1;
}
#menu > li.active > a i{
    color: #ff9800;
}
#menu li.active li a {
	color: #576482;
    padding: 5px;
    padding-left: 5px;
    font-size: 13px;
}
#menu li li.active > a:last-child {
	color: #56d5fb;
}
#menu li li.active a:last-child:before {
	margin-left: 20px;
	margin-right: 10px;
}

#menu > li > ul {
	position: absolute;
	left: 58px;
	top: 0px;
	width: 210px;
	background-color: #fff;
	visibility: hidden;
}
.active #menu > li > a:hover {
    background-color: #f9f9f9;
}
#menu .collapse li.open ul li a{
	padding-left: 40px;
}
#menu li ul {
	overflow: hidden;
}
#menu > li:hover > ul {
/*	visibility: visible;*/
/*	border-radius: 0rem 1.5rem 1.5rem 0rem;*/

	/*visibility: visible;
    border-radius: 0rem 1.5rem 1.5rem 0rem;
    border-radius: 1.5rem;
    margin-left: 0.1rem;*/
/*    width: auto;*/
   /* padding-right: 1rem;
    padding-left: 1rem;*/
}
#menu > li:hover > ul.collapse.in{
/*	border-radius: unset;*/
}
#menu li li a.parent:after, #column-left.active #menu > li a.parent:after {
	font-family: 'boxicons';
    content: "\ea50";
    float: right;
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 0;
    transition: all 0.5s;
}
#menu li li.open > a.parent:after, #column-left.active #menu > li.open > a.parent:after, #column-left.active #menu > li li.open > a.parent:after {
	transition: all 0.5s;
	transform: rotate(90deg);
}


#menu li ul a {
	/*padding-left: 20px;*/
/*	font-family: 'Roboto';*/
	font-size: 1.1rem;
}
#menu li li ul a {
	padding-left: 40px;
}
#menu li li li ul a {
	padding-left: 60px;
}
#menu li li li li ul a {
	padding-left: 80px;
}

/* Menu Active */
/* Desktop */
@media (min-width: 768px) {
	#column-left.active {
		overflow: auto;
	}
	#column-left.active + #content {
		margin-left: 55px;
		opacity: 0.2;
	    pointer-events: none;
	}
	#column-left.active + #content + #footer {
		margin-left: 235px;
		height: 100px;
	}
}
/* Mobile */
@media (max-width: 767px) {
	#column-left.active + #content {
		position: relative;
		opacity: 0.4;
	/*    filter: blur(2px);*/
	    pointer-events: none;
		/*left: 235px;*/
	}
	#column-left.active + #content + #footer {
		position: relative;
		left: 235px;
	}
}
#column-left.active {
	width: 242px;
	overflow: scroll;
}
#column-left.active #menu > li > a > span {
	display: inline;
	font-family: 'Oktah';
    font-style: italic;
    font-weight: 500;
    color: #66728b;
    margin-left: 1.5rem;
	height: 2rem;
}
#column-left.active #menu > li > ul {
	position: relative;
	left: auto;
	top: auto;
	width: auto;
	visibility: visible;
	border: none;
}
/* footer */
#footer {
    height: 300px;
    text-align: center;
    visibility: hidden;
}



/* Navs */
.nav > li.disabled > a {
	color: #999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
	color: #999;
}
/* Tabs */
.nav-tabs > li > a {
	color: #666;
	border-radius: 2px 2px 0 0;
	border: none;
}
.nav-tabs > li > a:hover {
}
.nav-tabs {
    margin-bottom: 1rem;
    border: none;
    margin-top: 1rem;
    background: #f6f7f9;
    border-radius: 1rem;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
	font-weight: bold;
    background: #ffffff;
    text-shadow: none;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.nav > li > a:hover, .nav > li > a:focus{
	background: none;
	border: none;
/*	border: 1px solid#fff;*/
}
.form-control:hover {
	border: 1px solid #ea9c44;
    border-top-color: #ea9c44;
    -webkit-box-shadow: inset 0 1px 2px rgb(234 156 68 / 10%);
    box-shadow: inset 0 1px 2px rgb(234 156 68 / 10%);
}
div.required .control-label:not(span):before, td.required:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after {
	font-family: FontAwesome;
	color: #1E91CF;
	content: "\f059";
	margin-left: 4px;
}
fieldset legend {
	padding-bottom: 5px;
	padding-top: 10px;
}

input[type="radio"], input[type="checkbox"] {
	margin: 2px 0 0;
}
.radio, .checkbox {
	min-height: 18px;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	position: relative;
	width: 13px;
	width: 16px \0;
	height: 13px;
	height: 16px \0;
	-webkit-appearance: none;
	background: white;
	border: 1px solid #dcdcdc;
	border: 1px solid transparent \0;
	border-radius: 1px;
}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
	border-color: #4d90fe;
	outline: 0;
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
	background-color: #ebebeb;
	border-color: #c6c6c6;
}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
	background: #fff;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	width: 15px;
	width: 18px \0;
	height: 15px;
	height: 18px \0;
	border-radius: 1em;
}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
	position: relative;
	top: 3px;
	left: 3px;
	display: block;
	width: 7px;
	height: 7px;
	content: '';
	background: #666;
	border-radius: 1em;
}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover {
	border-color: #c6c6c6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: none \9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: none \9;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
	position: absolute;
	top: -6px;
	left: -5px;
	display: block;
	content: url('../image/checkmark.png');
}

.table thead td {
	font-weight: bold;
}
.table thead > tr > td, .table tbody > tr > td {
	vertical-align: middle;
	color: #212121;
}
.content-dashboard .table thead > tr > td, .content-dashboard .table tbody > tr > td {
	color: #444;
}
.table a.asc:after {
	content: " \f107";
	font-family: FontAwesome;
	font-size: 14px;
}
.table a.desc:after {
	content: " \f106";
	font-family: FontAwesome;
	font-size: 14px;
}

.pagination {
	margin: 0;
}
.form-group {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

/*.form-group + .form-group {
    border-top: 1px solid #ededed;
}*/
/* Panels */
.panel {
	border-radius: 0px;
}
.panel .panel-heading {
	position: relative;
}
.panel-heading h3 i {
	margin-right: 8px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.panel-heading i {
	font-size: 16px;
	font-weight: 500;
}
.panel-heading h3 {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	font-family: 'Oktah';
    font-style: italic;
    font-weight: 400;
    color: #67738b;
}

/* Primary Panel */
.panel-primary {
	border: 1px solid #c3e4f6;
	border-top: 2px solid #5cb7e7;
}

.panel-primary .panel-heading {
	color: #1e91cf;
	border-color: #96d0f0;
	background: white;
}


/* Default Panel */
.panel-default {
	padding: 0px;
	border: none;
	border-radius: 1.5rem;
/*    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
/*    -webkit-box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
    background: #fff;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	border-top: 1px solid #f4f4f4;
	border-right: none;
	border-left: none;
}

.table > tbody > tr > td{
	padding: 0.5rem 1.5rem;
}
.panel-default .panel-heading {
	color: #fff;
    border-color: #2e2e35;
    background: #2e2e35;
    border-radius: 1.5rem 1.5rem 0px 0px;
}

.img-thumbnail i {
	color: #FFFFFF;
	background-color: #EEEEEE;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding-top: 20px;
	vertical-align: middle;
	display: inline-block;
}
.img-thumbnail.list i {
	width: 40px;
	height: 40px;
	padding-top: 10px;
}
/* Tiles */
/*.tile {
	margin-bottom: 15px;
	border-radius: 3px;
	color: #FFFFFF;
	transition: all 1s;
	background: #2e2e35;
    border: 1px solid #f5f5f5;
}*/
.tile{
	margin-bottom: 15px;
    border-radius: 1.5rem;
    color: #FFFFFF;
    transition: all 1s;
    background: #fff;
/*    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
}
.tile:hover {
    cursor: pointer;
}

.tile a {
	color: #FFFFFF;
}
.tile-heading {
	padding: 12px 20px;
	text-transform: uppercase;
	color: #67738b;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Oktah';
    font-style: italic;
}
.tile .tile-heading .pull-right {
	transition: all 1s;
	opacity: 0.7;
}
.tile:hover .tile-heading .pull-right {
	opacity: 1;
}
.tile-body {
	padding: 15px 10px 15px 10px;
	color: #fff;
	line-height: 48px;
}
.tile .tile-body i {
	font-size: 30px;
	opacity: 0.3;
	transition: all 1s;
	padding-top: 10px;
}
.tile:hover .tile-body i {
	color: #FFFFFF;
	opacity: 1;
}
.tile-footer {
	padding: 5px 8px;
}
#column-left.active #stats {
	display: block;
}
#stats {
	display: none;
	border-radius: 2px;
	color: #666666;
	background: #2b2b2b;
	margin: 15px 20px;
	padding: 5px 0;
}
#stats ul, #stats li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#stats li {
	font-size: 11px;
	color: #9d9d9d;
	padding: 5px 10px;
	border-bottom: 1px dotted #373737;
}
#stats div:first-child {
	margin-bottom: 4px;
}
#stats .progress {
	height: 3px;
	margin-bottom: 0;
}
.jqvmap-label {
	z-index: 999;
}
.alert {
	overflow: auto;
}

/* Menu Fix For System -> Layout -> Banner */
.collapse.in {
    display: block;
    visibility: unset;
}
.collapse {
    display: none;
    visibility: unset;
}
/* Menu Fix For System -> Layout -> Banner */

/* Fix form-group margin inside the modal */
.modal-body  .form-group {
    margin: 0;
}
/* Fixed Sumernote Button Height */
.note-toolbar.panel-heading i {
	font-size: 14px;
}
/* Filemanager Folder Size */
#filemanager .fa-folder.fa-5x {
	font-size: 10.5em;
}
#button-filter{
	width: 100%;
    font-weight: 700;
    margin-top: 0.5rem;
    background: #ebeef2;
    border-radius: 1rem;
    padding: 1rem;
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#button-filter i{
	margin-right: 0.5rem;
}
label{
	color: #000;
}
#header #button-menu + .navbar-brand{
	/*display: none;*/
}
#head-help, #head-home {
	display: none;
}
#button-customer{
	width: 100%;
}
#tab-customer{

	font-size: 15px;
}
#input-store, #input-customer,#input-customer-group,#input-firstname,#input-telephone,#input-lastname,#input-email,#input-product,#input-quantity{
	font-size: 12px;
	/*height: auto;*/
}
#tab-customer .text-danger{
	font-size: 12px;
}
#button-add-product{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
#button-add-product button{
	width: 100%;
}
#tab-cart tbody{
	height: 50px;
	font-size: 15px;
}
@media (max-width: 767px) {
#button-product-add{
	height: 38px;
	margin-top: 27px;
	font-size: 15px;
}
}
#tab-product > fieldset legend{
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #666;

}
#div-input-quantity{
	border-top: none;
}
#tab-cart .tab-content{
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
#button-reset{
	width: 75%;
    /*right: 25%;*/
    position: relative;
}
#button-save,#button-save-ar-mov,#button-save-ar-mov-tab{
	text-align: center;
	width: 100%;
}
#comment-order{
	text-align: right;
	padding-bottom: 10px;
}
#cart-total > legend{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: 700;
	padding-bottom: 20px;
	padding-bottom: 20px;
}
#tab-product{
}
#cart-total{
	display: inline-block;
	/*background-image:linear-gradient(135deg,#fff260,#e8ffc1);*/
	background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
	/*background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);*/
	border: 1px solid #e5e5e5;
	margin-top: 30px;
	width: 100%;
	border-radius: 3px;
}
#total-cart-table{
	padding: 20px;
}
#cart-total > fieldset > legend{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: 700;
	padding-bottom: 20px;
	padding-bottom: 20px;
}
/*
#logo-login{
	float: none;!important;
}

#logo-login  a{
	float: none!important;
}
.cont-login{
	background-image:url(/admin/view/image/background.jpg);
}
.cont-login header{
	background: rgba(255,255,255,0.8) !important;
	box-shadow: 1px 0px 5px #4a4a4a;
}
.cont-login .panel{
	background: rgba(255,255,255,0.7)!important;
	box-shadow: 5px 5px 28px 0px #4a4a4a;
	border-radius: 5px;
	margin-top: 50px;
}
.cont-login hr{
	display: none;
}
*/
.content-login{
	background-image: url('../image/login_banner_1.jpeg');
    position: absolute;
    /*z-index: -1;*/
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;

}
.content-login:after{
	position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
}
.content-login .panel{
	background: rgba(255,255,255,0.7)!important;
	box-shadow: 5px 5px 28px 0px #4a4a4a;
	border-radius: 5px;
	margin-top: 50px;
}
#invoice-print h1{
	margin-top: 50px;
	margin-bottom: 30px;
	border-bottom: 2px solid #818181;
	padding-bottom: 10px;
	font-size: 30px;
}
#invoice-print h3{
	font-size: 15px;
}
#invoice-un-print{
	
	padding-bottom: 10px;
}
.invoice-es-logo{
	border-top: 2px solid #818181;
	padding-top: 30px;
}
#invoice-footer{
	margin-bottom: 100px;
}
#input-product-input-ean, #div-input-quantity, #input-product-input{
	font-size: 20px;

}
#input-product-label-ean,#input-product-label{
	font-size: 12px;

}
#tab-article a{
	font-weight: 800;
    cursor: pointer;
    padding: 5px;
}
#tab-article{
	text-align: center;
	font-size: 15px;
}
.invoice-total h3{
	font-weight: 700;
	font-size: 18px;
}
#stats li{
	font-size: 13px;
	color: #000;
	background: #4ab4b9;
	font-weight: 700;
}
#stats{
	margin: 15px 10px;
	padding: 3px 0;
}


/*
.table-bordered > thead > tr > td, .table > thead > tr > td,.table-bordered > tbody > tr > td{
	border: 2px solid #242424!important;
}
.table > thead > tr > td{
	background: #e4e4e4;
}
*/
#profile div i{
	margin-right: 10px;
}
#profile h4{
	margin-top: 10px!important;
}
@media (max-width: 767px) {
	#entry-customer-form{
		float: none;
	}
}
#add-product-sale{
	padding: 0 0 0 0;
}
.order-info{
	display: inline-block;
	position: relative;
}
.order-info-right .form-group{
	display: inline-block;
	position: relative;
}
.order-info-left .form-group{
	padding-top: 10px;
	padding-bottom: 10px;
}
.order-info-right textarea.form-control{
	height: 110px;
}
.order-info-left{
	border: 1px solid #e4e4e4;
background: #fff;
}
#cart-total legend{
	color: #666;
}
#tab-article a{
	color: #666666;
}
.quick-order{
	background: #1ab01c;
}
.quick-order a{
	color: #fff!important;
	font-weight: 600;
}
.quick-order a:hover{
	/*background: #22a724!important;*/
	opacity: 0.8;
}
.quick-order i{
	font-size: 18px;
	vertical-align: middle;
	padding-right: 0px;
}
.day-sale{
	display: inline-block;
    margin-left: 5px;
    border: 1px solid #fff;
    padding: 0 10px 0px 10px;
    border-radius: 5px;
    margin-bottom: 0px;
    font-size: 25px!important;
    margin-top: 0px;
    font-weight: 200;
}
.month-sale{
	float: right !important;
	padding-top: 0px;
}
#sales_total_fafa i{
	float: left;
}
#sales_total_seller .month-sale{
	    padding-top: 3px;
}
.btn-primary{
	    /*background-color: #2fce93;
	    border: 1px solid #2fce93;*/
	  /*  background-color: #777777;
  		border: 1px solid #777777;
	    transition: all 0.3s;*/

	background-color: unset;
    border: none;
    transition: all 0.3s;
/*    color: #000;*/
color: #454545;
	display: flex;
    justify-content: center;
    align-items: center;
}
.btn-primary:hover,.btn-primary::after{
    /*border: 1px solid #777777;*/
    color: #67738b;
    background:none;
    transition: all 0.3s;
    font-weight: 500;
}	
.btn-regular{
	background: #eceef2;
    padding: 0.8rem 2rem;
    color: #454545;
	margin: auto;
	border: none;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;

}
.btn-regular:hover,.btn-regular::after{
    color: #767676!important;
    background: #ebf9fe!important;
}

.btn-success:hover {
    color: #fff;
    background-color: #535f77;
    border-color: #535f77;
}
.btn-primary i, .btn-default i{
/*	font-size: 16px;*/
	font-size: 20px;
	padding-right: 0.25rem;
/*	color: #7b7b7b;*/
}
.btn-default {
    background: none;
    border: none;
    display: flex;
    justify-items: center;
    align-items: center;
    gap: 0.5rem;
}
.table-bordered{
	border: none;
}
.table > thead:first-child > tr:first-child > td{
	/*font-family: 'Roboto';
    color: #000;*/
    font-size: 14px;
    font-family: 'Oktah';
    font-style: italic;
    font-weight: 500;
    color: #67738b;
}
.table > thead:first-child > tr:first-child > td > a{
	color: #67738b;
}
.quantity-block{
	display: inline-block;
	position: relative;
	width: 100%;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 10px;
}
@media (min-width: 768px) {
#product_price_arrival, #product_price, #product_price_valuta{
	padding-left: 0px;
    padding-right: 0px;
}
}
.second-price-block, .select_product_type{
	padding-left: 0px;
	padding-right: 0px;
}
.product_right_column{
	text-align: center;
    padding: 20px;
    margin-top: 40px;
}
.product_right_column a{
	margin:20px;
}
.login-panel{
	    margin-top: 150px;
	    text-align: center;
}
.form-control-login{
	background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.5);
    padding: 15px 19px;
    border-left: 0 none;
    border: medium none;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0;
    line-height: normal;
    height: auto;
    font-size: 0.8571em;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    box-shadow: none;
    border-radius: 1rem;
    font-size: 15px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;

}
.form-control-login:focus{
	background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    outline: none;
}
.form-control-login::placeholder{
	color: #fff;
}
.content-login .login-panel{
	z-index: 9;
    position: relative;
}
#input-login-data{
	padding: 8px 13px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    border: none;
    border-radius: 0px;
	width: 50px;
	background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.5);
	border-radius: 1rem;
    font-size: 22px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.help-block a{
	    color: #b7b7b7;
}
.help-block{
	text-align: right;
    padding-right: 5px;
    margin-top: 15px;
    margin-bottom: 0px;
}
#button-login,#button-reset{
	background-color: #e59943;
    border: 1px solid #e99b44;
    transition: all 0.3s;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    height: 40px;
    width: 100%;
    border-radius: 1rem;
    color: #fff;
}
#button-login:hover,#button-reset:hover{
    border: 1px solid #fff;
    color: #fff;
    background:none;
/*    border-radius: 0px;*/
	transition: all 0.3s;
}
#login-input{
	    padding-top: 0px;
}
.login-logo{
	    margin-bottom: 20px;
}
#profile small{
	color: #989898;
}
.arrivals-invoice-receiver,.arrivals-invoice-contragent,.invoice-receiver,.invoice-contragent{
/*	width: 49%;*/
    position: relative;
    display: inline-block;
}
.arrivals-invoice-receiver, .invoice-receiver{
	    vertical-align: top;
}
.arrivals-invoice-top,.invoice-top{
	margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.arrivals-invoice-contragent, .invoice-contragent{
	text-align: left;
}
.foot_panel{
/*	font-family: 'Roboto';*/
    position: fixed;;
    left: 0;
    bottom: 0;
    padding: 5px;
    background: #ffffff;
    color: #000;
    width: 100%;
    text-align: center;
    height: 150px;
    z-index: 11;
    display: none;
    padding: 0px;
    border-left: 1px solid;
    border-top: 1px solid #fff;
}
.total_sum_div{
	height: 150px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 5px solid #eb9d44;
    background: #eb9d44;
	color: #fff;
}
#total_sum{
  /*  font-size: 80px;
    display: inline-block;
    position: relative;*/
}
#total_sum_title{
	display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
	font-size: 20px;
}
#cart .form-control{
	text-align: center;
	padding: 5px 5px;
}
#container-fluid-order{
	/*padding-left: 0px;
	padding-right: 0px;
	min-height: 500px;*/
	margin-bottom: 5rem;
}
#container-fluid-order .panel-default{
	/*margin-left: 20px;
	margin-right: 20px;*/
	border: none;
}

#container-fluid-order .panel{
	-webkit-box-shadow: none;
	background: #ebeef2;
}
.content_order .page-header{
	margin-left: 20px;
	margin-right: 20px;
}
.order-put-ean{
/*	margin-top: 30px;*/
	margin-bottom: 10px;
}
#input-product-label,#input-product-label-ean{
    font-size: 18px;
    padding-top: 2px;
}
.order-checkout-middle{
	gap: 0.5rem;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.order-checkout-middle .button-add{
    margin-bottom: 0px;
}
.order-checkout-middle button{
	font-size: 16px;
	width: 100%;
	white-space: normal;
	border-radius: 1rem;
}
.order-checkout-middle .btn-primary:hover{
	color: inherit;
    background: #fff;
}

.order-checkout-middle .btn-primary:active, .order-checkout-middle .btn-primary:focus{
	background-color: unset;
    border-color: unset;
    color: #000;
}

.order-checkout-middle #button-refresh{
/*	width: 100%;
    position: relative;
    display: inline-block;
    padding: 5px;
	background-color: #59d8fb;
    border-color: #59d8fb;
	border-radius: 0.5rem;*/
	gap: 0.5rem;
}
.order-checkout-middle #button-refresh:hover{
    background: #46bfe0;
}
.order-checkout-middle #input-payment-method{
	border-radius: 2px;
}
.checkout-button #button-checkout-popup{
    background: #7be35a;
    font-size: 35px;
    width: 100%;
    box-shadow: inset 0 -5px 0 0 #5ecb3a;
    color: #fff;
/*	margin-top: 20px;*/
    height: 70px;
}
.btn-success {
    color: #fff;
    background-color: #67738b;
    border-color: #67738b;
    box-shadow: inset 0 -2px 0 0 #3d4451;
}
.checkout-button #button-checkout-popup:hover{
    background: #5ecb3a;
    color: #fff;
}
/*#button-popup-catalog{
    background: #59d8fb;
    box-shadow: inset 0 -2px 0 0 #11809e;
    color: #fff;
}*/
.counter-order .page-header{
	border-bottom: 1px solid #e5e5e5;
}
#container-fluid-order #order{
	display: none;
}
#input-product-input-sku{
	font-size: 20px;
}
#title_customer_top .customer_name{
	font-size: 20px;
    border: 1px solid #f5f6f8;
    border-radius: 1rem;
    width: auto;
    padding: 0.5rem 1rem 0.2rem 1rem;
    margin-left: 1rem;
    color: #67738b;
    background: #fff;
    text-transform: uppercase;
}
.order-customer-data label{
	font-size: 11px;
	display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 15px;
}
#input-card-number{
	font-size: 14px;
	width: 100%;
	padding-left: 20px;
}
.order-customer-input{
	/*padding-right: 100px;
    padding-left: 100px;*/
}
.order-customer-input ul.dropdown-menu {
    width: 100%;
    left: 0!important;
}
.order-customer-input .dropdown-header{
	background: #e6e6e6;
    color: #444;
}
.dropdown-header > li > a{
	text-align: left;
}
.order-customer-data{
	display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 10px;
    border-radius: 1.5rem;
    color: #fff;
    background:#fff;
    margin-bottom: 35px;
    padding: 1rem;
}
.order-customer-data  .form-group{
	margin: 0px;
	padding: 0;
}
#input-customer-id{
	border: 1px solid #ababab;
}
.order-customer-input .dropdown-menu{
	text-align: center;
}
.order-customer-input .dropdown-header{
	color: #1ed0e2;
}
.order-customer-data #input-customer, .order-customer-data #input-customer-group, .order-customer-data #input-firstname,.order-customer-data #input-telephone,.order-customer-data #input-lastname{
	font-size: 16px;
	border-radius: .5rem;
    text-align: center;
}
#input-customer-id{
/*	font-size: 18px;*/
	text-align: center;
	border-radius: 1rem;
    border: none;
	border: 1px solid#ebeef2;
}
.order-customer-form #button-customer{
	/*font-size: 18px;*/
	font-size: 13px;
	background:#59d8fb;
	width: 100%;
/*	border-radius: 1.5rem;*/
    height: 40px;
	color: #fff;
	box-shadow: inset 0 -2px 0 0 #0b80a0;
}
.order-customer-form #button-quick-order{
	/*font-size: 18px;*/
	font-size: 13px;
	background:#f39731;
	width: 100%;
	border: 1px solid #f39731;
	margin-bottom: 15px;
/*	border-radius: 1.5rem;*/
	height: 40px;
	box-shadow: inset 0 -2px 0 0 #bb6e23;
	color: #fff;
}
.order-customer-form #button-customer:hover{
	color: #fff;
	background:#38bfe4;
}
.order-customer-form #button-quick-order:hover{
	color: #fff;
    background: #e47304;
    border: 1px solid #e47304;
}
.content_order .alert-danger,#container-fluid-arrival .alert-danger,#container-fluid-moving .alert-danger{
    z-index: 9999;
    position: absolute;
    height: auto;
    background-color: #ffb3b3;
    font-weight: 700;
    right: 1.5rem;
    top: 8.25rem;
    display: flex;
    background-color: #ffeeee;
    border-color: #f64242;
    color: #f64242;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 2rem 0.5rem 1rem;
    border-radius: 1rem;
    border: 1px solid;
}
.content_order .alert-success,#container-fluid-arrival .alert-success,#container-fluid-moving .alert-success{
/*	top: 0;
    z-index: 9999;
    position: absolute;
    height: 57px;
    padding-top: 20px;
    background-color: #3ac13a;
    color: #fff;
    font-weight: 700;
    border-radius: 0px;
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    margin-left: 7px;
    padding: 2rem 0;
*/
    z-index: 9999;
    position: absolute;
    height: 57px;
    padding-top: 20px;
    background-color: #3ac13a;
    color: #fff;
    font-weight: 700;
    border-radius: 0px;
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    margin-left: 8px;
    padding: 2rem 0;
    border-radius: 5px;
    padding: 3rem;
    top: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
}
.content_order .alert-success i,#container-fluid-arrival .alert-success i,#container-fluid-moving .alert-success i{
    margin-right: 10px;
}

}
#container-fluid-order .close, #container-fluid-arrival .close,#container-fluid-moving .close{
	/*opacity: 1;
    color: #fff;
    margin-left: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;*/
	opacity: 1;
    color: #fff;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
}
#container-fluid-order .close i, #container-fluid-arrival .close i,#container-fluid-moving .close i{
	position: absolute;
    top: 5px;
    right: 0;
    font-size: 15px;
}
.content_order .page-header{
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.content_order #footer hr{
	border-top: none;
	margin-top: 20px;
}

.quick-order-bolt{
	background: #e20707;
	width: 45px;
}
.quick-order-bolt a{
	color: #fff!important;
    font-size: 20px;
}
.quick-order-bolt a:hover{
	background: #cc0b0b!important;
}
.quick-order-bolt i{
	padding-left: 3px;
}
thead tr{
	background: #fff!important
}
.content_order .panel-body{
	padding:0px;
}
.container-fluid .panel-body{
	border: none;

}
.container-fluid .panel-body .table{
	margin-bottom: 0px;
/*	margin-bottom: 20px;*/
}
.nav-tabs > li.active > a{
	border: none;
/*    border-bottom: 1px solid #ddd;*/
}
.btn{
	/*padding: 6px 11px;*/
/*    font-size: 12px;*/
	border-radius: 1rem;
}
.common-start-form{
	display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    background: #fff;
	padding: 2rem 1rem;
	gap: 1rem;
}
/*.arrive_form #input_shop,.moving_form #input_shop_from{
	margin-bottom: 20px;
}*/
/*.arrival-customer-form #button-contragent,.moving-customer-form #button-continue{
    width: 100%;
    font-size: 13px;
    background: #59d8fb;
    border-radius: 10rem;
    height: 40px;
    color: #fff;
    box-shadow: inset 0 -2px 0 0 #0b80a0;
}
.arrival-customer-form #button-contragent:hover,.moving-customer-form #button-continue:hover{
	color: #2e2e35;
    background: #fff;
}*/
.arrival_panel #arrival, .moving_panel #moving{
	display: none;
}
#container-fluid-arrival, #container-fluid-moving{
	/*padding-left: 0px;
    padding-right: 0px;
    min-height: 500px;*/
}
#container-fluid-arrival .panel, #container-fluid-moving .panel,#container-fluid-inventory .panel, #container-fluid-template .panel{
	box-shadow:none;
	-webkit-box-shadow: none;
    background: unset;
}
#container-fluid-arrival #total_sum,#container-fluid-moving #total_sum,#container-fluid-inventory #total_sum{
/*	width: 100%;*/
}
#container-fluid-arrival #total_quantity,#container-fluid-moving #total_quantity, #container-fluid-inventory #total_quantity{
/*	width: 30px;
    display: inline-block;
    font-size: 21px;
	border-radius: 100%;
    background: #fff;
    color: #3f3f3f;
    font-weight: 800;
    margin-right: 5px;
	position: absolute;
    right: .5rem;
    bottom: .5rem;*/
}
#container-fluid-arrival #total_sum_title{
	width: 25%;
	font-size: 20px;
}
#container-fluid-arrival #button-refresh,#container-fluid-moving #button-refresh,#container-fluid-inventory #button-refresh{
	width: 100%;
}
.order-input-comment,.order-input-comment label,.order-input-status,.order-input-status label{
	padding-top: 0px!important;
}
.order-input-comment textarea{
/*	height: 35px;	*/
    height: auto;
}
.sale-count{

}
.dashboard .tile{
    min-height: 200px;
    position: relative;
}
.dashboard .tile a{
	color: #848484;
}
.dashboard{
	/*background: url(/catalog/view/image/stripes-light.png);*/
    background-position: top;
    padding-bottom: 50px;
	padding-top: 10px;
}
.tile-body h2{
	font-size: 65px;
	color: #444444;
}
.tile-percent span{
	color: #f39731!important;
}
.tile-body h2:hover {
	cursor: pointer;
}
.tile-body{
	text-align: center;
    position: relative;
    display: inline-block;
    margin-left: 20px;
}
.tile-stores{
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.store_sale_line #first{
	width: 60%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 0px;
	font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #67738b;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
    font-family: 'Oktah';
    font-style: italic;
}
.store_sale_line #second{
	width: 40%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 500;
	color: #67738b;
	font-family: 'Oktah';
    font-style: italic;
}
.store_sale_line{
	padding: 7px 15px;
    margin-bottom: 10px;
   	border-radius: 1rem;
	background: #eceef2;
	display: flex;
    align-items: center;
/*	background: linear-gradient(135deg, rgb(231 123 0) 23%, rgb(234 156 68) 91%);*/
}
.tile-percent{
	/*color: #c0e49d;*/
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    margin-bottom: 10px;
}
.dashboard-header-left{
	position: relative;
	display: inline-block;
	width: 49%;
}
.dashboard-header-right{
	position: relative;
	display: inline-block;
	width: 49%;
}
.dashboard-header-right a{
	display: inline-block;
    position: relative;
    font-weight: 700;
}
.dashboard-header-right #range{
	text-align: right;
}
/*{
	linear-gradient(to right, #c2e59c, #269dff); 
}*/
.account-header{
	font-size: 15px;
}
.quick-order i{
	color: #fff!important;
	transition: 0.9s;
    font-size: 22px;
}
.quick-order{
	line-height: 55px;
    padding-right: 20px;
    background: none;
}
.new-quick-order a{
	background-color: #eb9d44;
    box-shadow: inset 0 -2px 0 0 #bb6e23;
    border-radius: 1rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.3rem;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition: background .1s linear,box-shadow .1s linear;
    border: none;
    width: 100%;
}
#dashboard-total p, #dashboard-total h2{
	display: inline-block;
	position: relative;
	margin-bottom: 0;
}
#dashboard-total p{
	margin-left: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #444444;
}
.dashboard-recent,.dashboard-bestsellers,.dashboard-chart,.dashboard-chart .pull-left,.dashboard-news,.dashboard-chartsales,.dashboard-chartsales .pull-left{
    padding: 0px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
.dashboard .panel-default{
	border: 1px solid rgba(63, 63, 63);
	min-height: 300px;
	border-radius: 1rem;
    overflow: hidden;
	border: none;
	transition: all 1s;
}
.dashboard .panel-default:hover{
	cursor: pointer;
}
.dashboard td{
	border-right: 1px solid #616161;
}
.dashboard table .btn{
	padding: 4px 7px;
}
.content-dashboard{
	padding-bottom: 0px!important;
}
.cont-login #footer hr{
	margin-top: 0px!important;
}
.tile-heading i{
}

.dashboard-chart .pull-right, .dashboard-chartsales .pull-right{
	-webkit-text-fill-color: #444;
	padding-top: 7px;
    padding-right: 15px;
}
.dashboard-chart .pull-right a i,.dashboard-chartsales .pull-right a i{
	font-size: 20px;
    font-weight: 500;
    color: #c0e49d;
}
.dashboard-chart .dropdown-menu,.dashboard-chartsales .dropdown-menu{
	background-color: #3f3f3f;
}
.dashboard-chart .dropdown-menu > .active > a ,.dashboard-chart .dropdown-menu a:hover, .dashboard-chartsales .dropdown-menu > .active > a ,.dashboard-chartsales .dropdown-menu a:hover{
	background-color: #c0e49d;
	-webkit-text-fill-color: #3f3f3f;
}
.dashboard .legendLabel{
	color: #262626;
    padding-left: 10px;
    font-size: 15px;
    border: none;
}
.dashboard .legendColorBox{
	border: none;
}
.dashboard .tickLabel{
	font-size: 14px;
	color: #262626;
}
.dashboard .flot-x-axis .tickLabel{
	font-size: 12px;
}
.quick-order > a:hover, .quick-order > a:focus{
	background: #6ffec3!important;
	transition: all 1s;
	
}
.dashboard .table > tbody > tr > td{
	border-bottom: 1px solid #e4e4e4;
}
.dashboard .table > thead:first-child > tr:first-child > td {
	background: #fff;
    color: #444;
    border: none;
}
.content-dashboard .table-responsive{
	box-shadow: none;
}
.dashboard .panel-default .panel-heading{
	border-bottom: 1px solid #e4e4e4;
}
.dashboard tbody{
	background: #fff;
    color: #444;
}
.dashboard .panel-default{
	background: #fff;
}
#menu-title{
    font-size: 18px;
    position: relative;
    text-decoration: none;
    display: block;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 14px;
    padding-top: 14px;
    background: linear-gradient(45deg, #c2e59c, #269dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #6d6d6d;
}
.account-header img{
	/*box-shadow: 0px 2px 5px #2e2e35;*/
	margin-bottom: 5px;
	width: 100%;
	margin-right: 5px;
}
#reset-password h1{
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
}
.form-control-reset{
	    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 45px!important;
    padding: 8px 11px;
    font-size: 16px!important;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#login-reset a{
	padding: 10px 16px;
}
#login-input #input-password,#login-input #input-confirm{
    z-index: 2;
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.5);
    padding: 15px 19px;
    border-left: 0 none;
    border: medium none;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0;
    line-height: normal;
    height: auto;
    font-size: 0.8571em;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    box-shadow: none;
    border-radius: 1rem;
    font-size: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#login-input #input-password:focus,#login-input #input-confirm:focus{
	background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    outline: none;
}
.sms-total-part #button-save {
    text-align: center;
    width: 15%;
}
.sms-total-part #sms-total-buttons{
	margin-top: 40px;
}
.sms-total-part {
	border-top: 1px solid #acacac;
    margin-top: 20px;
}
@media (max-width: 568px) {
	#profile_name{
		display: none;
	}
	#new_order_header{
		display: none;
	}
	.page-header h1{
		font-size: 15px;
	    padding-top: 3px;
	    line-height: 20px;
	}
	.container-fluid .breadcrumb{
		display: none;
	}
	#button_inv_print{
		display: none;
	}
}
@media (max-width: 767px) {
	.container-fluid{
	   padding-left: 5px;
 	   padding-right: 5px;
	}
	.panel-body{
		padding-left: 0px;
		padding-right: 0px;
	}
	.panel-body .data_table{
		padding: 0px;
	}
}

@media (max-width: 468px) {
	.panel-body .data_table{
		padding: 0px;
	}
}
@media (max-width: 360px) {
	.page-header h1{
	    /*width: 100px;*/
	    width: auto;
	}
}
@media (max-width: 1024px) {
	#input-product-label, #input-product-label-ean {
   	  font-size: 15px;
	}
}
/*@media (max-width: 568px) {*/
@media (max-width: 767px) {	
	/*#tab-product,#sku_input_block, #ean_input_block{
		padding: 0px;
	}*/
	/*#ean_sku_block{
		padding-right: 0px;
	}*/
/*	.order-put-ean,.order-put-sku{
	    padding: 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}*/
	/*.order-checkout-middle{
		display: none;
	}*/
	.checkout-button #button-save,.checkout-button #button-save-ar-mov,#button-save-ar-mov-tab{
	   	font-size: 22px;
	    padding-top: 35px;
	    padding-bottom: 35px;
	    padding-left: 0px;
	    padding-right: 0px;
	    height: auto;
	}
	#ean_input_block input,#sku_input_block input{
		padding:5px;
	}
	#total_sum{
		font-size: 40px;
		margin-top: 30px;
	}
	.content_order .table-responsive{
		padding:0px;
	}
	.content_order .pull-right{
		display: none;
	}
	#cart .form-control{
/*		width: 50px;*/
	}
	.order-customer-input {
	     padding-right: 15px; 
	     padding-left: 15px; 
	}
	.dropdown-menu{
		    width: 90%;
	}

}
.ean_short_title{
		display: none;
}
.sku_short_title{
		display: none;
}
/*@media (min-width: 767px) and (max-width: 980px){	
	.sku_short_title{
		display: block;
	}
	.sku_long_title{
		display: none;
	}
	.ean_short_title{
		display: block;
	}
	.ean_long_title{
		display: none;
	}
}*/
/*@media (max-width: 1250px) {	
	#input-product-label, #input-product-label-ean {
		font-size: 16px;
	}
}*/
#short_button_title{
	display: none;
}
@media (min-width: 767px) and (max-width: 1082px) {	
	#short_button_title{
		display: block;
	}
	#long_button_title{
		display: none;
	}
	.order-checkout-middle button {
    	font-size: 14px;
	}
	.button-add i{
		display: none;
	}
}
@media (min-width: 468px) and (max-width: 767px) {	
	/*.order-customer-form{
		width: 60%;
   		left: 20%;
	}*/
}
.text-danger-order{
	color: #fff;
 	font-weight: 800;
}
@media (max-width: 568px){
	.login-panel {
    	margin-top: 40%;
	}
	.login-logo img{
		width: 250px;
	}
}
.login-logo img{
		width: 250px;
}

.popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  
}

/* Modal Content/Box */
.popup-content {
	margin: 15% auto;
    padding: 30px 30px;
    color: #444;
    width: 35%;
    text-align: center;
    border-radius: 1.5rem;
    border: none;
    transform: translateY(-35%);
    background: #fbfbfb;
    height: auto;
    display: flex;
    flex-direction: column;
/*    font-family: 'Roboto';*/
}
#popup_success{
	margin: 15% auto;
    padding: 30px 30px;
    color: #333;
    width: 35%;
    text-align: center;
    border-radius: 1.5rem;
    border: none;
    transform: translateY(-35%);
    background: #fff;
    height: auto;
    display: flex;
    flex-direction: column;
}
#popup_product_list{
	margin: 15% auto;
    padding: 50px 30px 30px 30px;
    color: #383838;
    width: 50%;
    text-align: center;
    border-radius: 1.5rem;
    border: none;
    transform: translateY(-35%);
    background: #fff;
    height: auto;
    display: flex;
    flex-direction: column;
}
#popup_product_list .close{
	color: #383838;
    float: right;
    font-size: 23px;
    font-weight: bold;
    opacity: 1;
    text-align: right;
    position: absolute;
    right: 15px;
    top: 15px;
}
#button-go-main{
	/*width: 45%;
    background: #fff;*/
    color: #383838;
/*    border: none;*/
    padding: 1rem 2rem;
}
#button-print-invoice{
	background: #e99b44;
    padding: 1rem 3rem;
/*    width: 45%;*/
/*    border: none;*/
    color: #fff;
}
#button-print-invoice:hover{
	color: #fff;
    background: #d88f3d;
}
.print-popup-buttons{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.prods-list-popup-buttons{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
	margin: 2rem 0 0rem 0;
	align-items: center;
    gap:2rem;
}
.prods-list-popup-buttons .btn{
	border-radius: 10rem;
    padding: .75rem 3rem;
}
@media (max-width: 467px){
	#button-print-invoice, #button-go-main{
		width: 100%;
		font-size: 18px;
	}
	#button-print-invoice{
		margin-bottom: 2rem;
	}
	.print-popup-buttons{
		flex-direction: column;
	}
}
/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 23px;
  font-weight: bold;
  opacity: 0.8;
  text-align: right;
  transition: all 300ms ease;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.checkout-popup{
    /*position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;*/
/*    background: rgba(0, 0, 0, 0.9);*/
}
.product-list-popup{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.9);
}
.product-list-popup h2{
	border-bottom: 2px solid;
    font-size: 40px;
    padding-bottom: 10px;
}
.checkout-popup h2{
	border-bottom: 2px dotted #d4d4d4;
    font-size: 40px;
    padding-bottom: 10px;
}
.popup_total_sum{
	font-size: 35px;
    display: flex;
    width: 100%;
    align-items: center;
}
.popup_total_sum #total_sum{
	font-size: 40px;
}
.popup_choose_payment_type span{
	font-size: 25px;
}
/*.popup_total_sum .left-side, .popup_choose_payment_type .left-side, .popup_rest .left-side{
	float: left;
}
.popup_total_sum .right-side, .popup_choose_payment_type .right-side, .popup_rest .right-side{
	float: right;
}*/
.popup_total_sum .right-side{
	font-size: 25px;
}
#total_sum_popup{
	    font-size: 40px;
}
.popup_rest{
	width: 100%;
    display: inline-block;
    font-size: 25px;
    margin: 20px 0px 20px 0px;
}
.popup_choose_payment_type #input-payment-type{
/*	padding: 0 35px 0px 50px;*/
	padding: 0 10px 0px 15px;
    border: none;
    box-shadow: none;
    border: 2px solid#eb9d44;
    background: #fff;
    font-size: 20px;
	text-align: center;
}
.popup_choose_payment_type{
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
}
.popup_total_sum #left, .popup_choose_payment_type #left, .popup_rest #left{
	text-align: left;
}
.popup_total_sum #right, .popup_choose_payment_type #right, .popup_rest #right{
	text-align: right;
	font-weight: 800;
    color: #eb9d44;
    font-size: 35px;
}
#input-received-money{
	font-size: 30px;
    /*padding: 10px 5px 5px 5px;*/
    color: #383838;
    text-align: center;
    line-height: 35px;
    border: none;
    box-shadow: none;
    border: 2px solid#eb9d44;
    padding: 5px;
    background: #fff;
}
#input-discount-amount{
	font-size: 26px;
    /*padding: 10px 5px 5px 5px;*/
    color: #383838;
    text-align: center;
    line-height: 35px;
    border: none;
    box-shadow: none;
    border: 2px solid#eb9d44;
    padding: 5px;
    background: #fff;
}
.checkout-button #button-save,.checkout-button #button-save-ar-mov,#button-save-ar-mov-tab{
	margin-top: 20px;
    height: 45px;
    font-size: 15px;
    padding: 0px;
    margin-bottom: 0px;
    background: #eb9d44;
    color: #fff;
    border: 1px solid #eb9d44;
    border-radius: 1rem;
}

.checkout-button #button-save:hover,.checkout-button #button-save-ar-mov,#button-save-ar-mov-tab:hover{
    background: #d87425;
    color: #fff;
}
#container-fluid-arrival #button-save-ar-mov,#button-save-ar-mov-tab,#container-fluid-moving #button-save-ar-mov,#container-fluid-inventory #button-save-ar-mov#button-save-ar-mov-tab{
	margin-top: 15px;
    height: 70px;
    background: #7be35a;
    font-size: 35px;
    width: 100%;
    border: none;
    border-radius: 1.5rem;
    box-shadow: inset 0 -5px 0 0 #5ecb3a;
    color: #fff;
}
#container-fluid-arrival #button-save-ar-mov,#button-save-ar-mov-tab:hover,#container-fluid-moving #button-save-ar-mov,#container-fluid-inventory #button-save-ar-mov,#button-save-ar-mov-tab:hover{
	background: #5ecb3a;
    color: #fff;
}
#popup-success-title{
	font-size: 40px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
#popup-product-list-title{
	font-size: 25px;
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 20px;
    position: absolute;
    top: 10px;
    left: 30px;
}
#popup_success #loading{
	text-align: center;
	width: 100%;
	margin: 4rem 0;
}
#popup_success img{
	width: 15%;
    margin-top: 20px;
    margin-bottom: 30px;
}
#popup-redirect-title{
	font-size: 14px;
}

#popup-rest-value{
	text-align: right;
    font-size: 25px;
    margin-top: 25px;
    font-weight: 800;
    color: #444;
}
#checkout-refresh-mobile,#checkout-refresh-tablet{
	display: none;
}
@media (min-width: 890px) and (max-width: 1400px){
	.popup-content,#popup_success,#popup_product_list {
    	width: 50%;
    	transform: translateY(-15%);
	}
	#total_sum{
		font-size: 3rem!important;
    	margin-top: 0;
    	height: 3.75rem!important;
	}
}
@media (max-width: 568px){

	.popup-content,#popup_success,#popup_product_list{
		padding: 15px 10px;
		width: 100%;
		transform: translateY(0%);
	}
	#input-received-money{
		height: 45px;
	}
	.popup_choose_payment_type #input-payment-type {
		font-size: 22px;
	    padding: 0 10px 0px 10px;
	    height: 45px;
	}
	#popup_inputs,#popup_success,#popup_product_list{
		display: inline-block;
	}
	.popup_choose_payment_type #left, .popup_rest #left{
		text-align: center;
	}
}

@media (min-width: 568px) and (max-width: 890px){

	.popup-content,#popup_success,#popup_product_list{
		padding: 15px 10px;
		width: 75%;
		transform: translateY(-15%);
	}
	#input-received-money{
		height: 45px;
	}
	.popup_choose_payment_type #input-payment-type {
		font-size: 22px;
	    padding: 0 10px 0px 10px;
	    height: 45px;
	}
	.popup-content .checkout-button{
		float: none;
		display: inline-block;
	}
}
@media (max-width: 400px){
	.popup_total_sum #right{
		font-size: 16px;
	}
	#popup-rest-value{
		font-size: 16px;
	}
	.rest-money-popup{
		font-size: 40px;
	}
}
@media (max-width: 488px){
	.content_order .alert-danger, #container-fluid-arrival .alert-danger, #container-fluid-moving .alert-danger,#container-fluid-inventory .alert-danger{
		margin-left:0px;
	}
	#total_sum_title{
		display: none;
	}
	#total_sum{
		margin-top: 30px;
		font-size: 22px;
	}
	.total_sum_div{
		height: 90px;
		border-bottom: 2px solid;
	}
/*	.checkout-button{
		display: none;
	}*/
	#tab-product{
/*		width: 60%;*/
	}
	#ean_sku_block{
		width: 100%;
	}
	#checkout-refresh-mobile{
		display: inline-block;
		position: relative;
	    display: inline-block;
	    float: left;
	    width: 15%;
	    height: 80px;
	}
	#button-product-add-mobile{
		margin-top: 32px;
	}
	#button-checkout-popup,#container-fluid-arrival #button-save-ar-mov,#container-fluid-moving #button-save-ar-mov,#container-fluid-inventory #button-save-ar-mov{
		width: 100%;
	    margin-top: 9px;
	    background: #3ac13a;
	    font-size: 20px;
	    padding: 3px 5px 2px 5px;
		height: 35px;
	}
	/*#container-fluid-arrival #total_quantity{
		width: 25px;
		font-size: 17px;
	}*/
	#button-product-add-mobile{
		margin-top: 32px;
	    background: #ffe000;
	    color: #2e2e35;
	}
	.checkout-button-mobile{
		width: 40%;
		padding-left: 3px;
  	    padding-right: 3px;
	}
}
@media (min-width: 488px) and (max-width: 767px){

	.checkout-button #button-checkout-popup,.checkout-button #button-save-ar-mov-tab,.checkout-button #button-save-ar-mov{
		font-size: 26px;
		padding: 0px;
		height: 38px;
	}

	#checkout-refresh-tablet{
		display: inline-block;
		position: relative;
	    display: inline-block;
	    width: 25%;
	    margin-top: 31px;
	    position: relative;
	    min-height: 1px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#button-product-add-tablet{
		color: #2e2e35;
	    width: 100%;
	    background: #ffe000;
	    padding: 10px 15px 7px 15px;
	}
	#button-product-add-tablet i{
		font-size: 15px;
	}
	
}

#popup_success,#popup_product_list{
	display: none;
}
@media (min-width: 768px) and (max-width: 1200px){

	.average-dashboard-column{
		display: none;
	}
	.dashboard .row .col-sm-3,.dashboard .row .col-sm-12{
		padding-left: 5px;
		padding-right: 5px;
	}
	.tile-heading {
		font-size: 14px;
	}
	.tile-body h2{
		font-size: 40px;
	}
	#dashboard-total p{
		font-size: 10px;
	}

}
#header #button-menu + .navbar-brand{
	display: block;
	padding: 1px 0px 0px 0px;
	margin-left: 1rem;
	height: 56px;
    display: flex;
}
#header #button-menu + .navbar-brand img{
	width: 185px;
}
@media (max-width: 667px){
	#header #button-menu + .navbar-brand{
	display:none;
	}
}
#report-sale-table-sum{
	font-weight: 900;
    font-size: 15px;
}

.table-pagination{
	display: inline-block;
    width: 75%;
    margin-top: 20px;
    padding-left: 20px;
}
.setting-button-block #button-save{
	width: auto;
}
#setting-form-bg{
	padding-bottom: 100px;
}

.btn-warning {
    color: #fff!important;
	background-color: #ea9c44;
    border-color: #ea9c44;
    box-shadow: inset 0 -2px 0 0 #be721a;
	height: 36px;
}
.btn-warning:hover{
	background-color: #be721a;
	border-color: #be721a;
	color: #fff;
}
.block-attention-inventory{
	border: 1px solid #ea9c44;
    border-radius: 0.25rem;
    padding: 10px;
    text-align: justify;
    margin-bottom: 25px;
    background: #fff;
	width: 90%;
    left: 5%;
    border-radius: 0.5rem;
	padding: 1rem!important;
}
#attention-inventory{
	color: #ea9c44;
    margin-bottom: 10px;
    display: inline-block;
}
#container-fluid-inventory{
/*    padding-top: 5%;*/
}
.dropdown-menu{
	width: auto;
	overflow: hidden;
}
#cash_list_store_name{
	display: inline-block; 
    float: left;
}
#cash_list_sum{
	text-align: right;
    position: relative;
    display: inline-block;
    float: right;
}
#cash_list li{
	width: 100%;
	display: inline-block;
    padding: 6px;
}
#header .nav > li li{
	min-width: 100px;
}

.cash-list-header{
	width: 160px;
	font-size: 18px;
}
#cash_total_sum{
	float: right;
	font-size: 20px;
}
#cash_list > li > a{
	text-align: center;
    padding: 6px 0px 6px 0px;
    background: #ebeef2;
    border-radius: 1rem;
}
.contragent-form .nav-tabs{
    border-radius: 3px;
    text-align: center;
    display: inline-block;
	border-radius: 1rem
}
.contragent-form .table thead > tr > td, .contragent-form .table tbody > tr > td {
	background: #fff;
}
.customer-form .nav-tabs{
    border-radius: 1rem;
    text-align: center;
    display: inline-block;
}
.customer-form .table thead > tr > td, .customer-form .table tbody > tr > td {
	background: #fff;
}
.customer-form form{
	text-align: center;
}
.contragent-form form{
	text-align: center;
}
.tile-details{
	color: #000;
	display: inline-block;
    width: 100%;
}

.tile .input-cash-value{
	font-size: 16px;
	display: block;
    height: 40px;
	text-align: center;
    padding: 8px 11px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
	font-weight: 800;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.cash_action_button{
	font-size: 13px;
    padding: 10px;
    margin-bottom: 15px;
/*    border-radius: 3px;*/
    display: inline-block;
   	width: 100%;
    text-align: center;
    height: 35px;
    margin-top: 10px;
    border: none;
	background: #59d8fb;
    color: #fff;
    text-transform: uppercase;
	font-weight: 800;

}
.choose_operation_block{
	padding-top: 15px;
    padding-bottom: 15px;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    border-bottom: 1px solid #ebeef2;
    border-top: 1px solid #ebeef2;
	border-left: none;
    border-right: none;
}


}
.choose_operation_block div label{
	width: 100%;
}
.choose_operation_block input{
	vertical-align: middle;
	margin: 5px;
}
.choose_operation_block > div{
	font-size: 14px;
	float: left;
	color: #262626;
}
.take-cash-button{
	text-align: center;
	color: #000;
    display: inline-block;
    width: 100%;
    /*margin-top: 35px;*/
}
#cash-total-sum h2,#cash-total-sum p {
	display: inline-block;
    position: relative;
    font-weight: 800;
    text-align: right;
    width: 49%;
    color: #262626;
}
#cash-total-sum .value{
	width: 49%;
    font-size: 25px;
    color: #262626;
    font-weight: 700;
	text-align: right;
}
#cash-total-sum .title{
	width: 49%;
    font-size: 18px;
    color: #262626;
    text-transform: uppercase;
}
.take-cash-button button[disabled]{
	cursor: no-drop;
    background: #c0c0c0;
}
.cash-comment{
	margin-top: 15px;
	padding-left: 0px;
    padding-right: 0px;
}
.cash-comment textarea{
	height: 55px;
}
#total-cash{
	margin-top: 0px;
    margin-bottom: 10px;
    padding: 8px 8px;
}
#cash-total-sum .store_name{
	width: 49%;
    display: inline-block;
	padding: 8px 8px;
    text-transform: uppercase;
	font-size: 18px;
    font-weight: 700;
	margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    color: #262626;
}
.cash-input-value,.cash-radio-block{
	width: 49%;
	display: inline-block;
}
.cash-input-value #input-received-money{
	width: 100%;
    border-radius: 4px;
    color: #2e2e35;
    border: 1px solid#ddd;
    min-width: 100%;
}

.cash-radio-block{
	margin-top: 10px;
}
#cash-total-sum{
	display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 20px;
}

#cash-total-sum .title{
	padding: 8px 8px;
}

#cash-total-sum #expected-sum{
	padding: 0px 8px;
}


.cash-register-page .table-bordered > thead > tr > td{
	border: none;
}
.cash-register-page .data_table{
	margin-bottom: 10px;
}

#stores-cash-register .store_sale_line{
	padding: 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}
#stores-cash-register .store_cash_link a{
    border-radius: 1rem;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 0.9;
}
.store_cash_link{
	padding: 10px;
	margin-bottom: 10px;
}
#stores-cash-register .store_cash_link a:hover{
	transition: all 0.3s;
	opacity: 1;
}
#cash-main-page-container{
	background-position: bottom;
    padding-bottom: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    margin: 0 3rem;
}
.cash-main-content{
	padding-bottom: 0px!important;
}
@media (max-width: 468px){
	.cash-list-header{
		width: 100px;
	}
	.cash-list-header .fa{
		display: none;
	}
}
@media (max-width: 335px){
	.cash-list-header{
		width: 85px;
	}
}
@media (max-width: 798px){
	#new_order_header{
		display: none;
	}
	#cash_total_sum{
		font-size: 15px;
	}
}

.modal-content{
    color: #fff;
    padding: 20px;
    border-radius: 1.5rem;
}
.invoice-header img{
	width: 150px;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 30px;
    right: 0px;
}
.invoice-header{
		/*border-bottom: 2px solid #818181;*/
		margin-bottom: 20px;
}
.invoice-small-header{
	border-top: 1px dotted #818181;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 0px 0px 0px;
    text-align: center;
    /*border-bottom: 1px solid #818181;*/

}
.invoice-small-top img{
	width: 150px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px;
    right: 0px;
}
.invoice-small-header_1{
	display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
}
.invoice-item-list{
	border-top: 1px dotted #818181;
	font-size: 14px;
	padding: 5px 5px 5px 0px;
}
.invoice-small-bottom{
	border-top: 2px solid #818181;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 0px 0px 0px;
    text-align: center;
    border-bottom: 1px solid #818181;
}

.login-panel .alert-danger{
	border: none;
    background: none;
    font-size: 14px;
}
.prod_actual_qty{
	display: none;
}
@media (min-width: 992px){
	.prod-content__results{
		overflow: scroll;
	    height: 50vh;
	}
	.quick-order i{
		margin-right: 5px;
	}
/*	#total_sum{
		font-size: 65px;
	    display: inline-block;
	    position: relative;
	    height: 70px;
	    color: #fff;
	}*/
	#total_sum_title{
		display: inline-block;
	    width: auto;
	    font-size: 20px;
	    position: absolute;
	    bottom: 10px;
	    right: 20px;
	    text-align: right;
	    color: #fff;
	}
	#ean_sku_block .form-control{
	    height: 50px;
	    border-radius: 1rem;
	    font-size: 3rem;
	    text-align: center;
	    /* color: #000; */
	    display: flex;
	}
	.order-checkout-middle button{
/*		height: 40px; */
	}
	.foot_panel{
		box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
    	border-top: none;
	}
	.content_order .table-responsive{
		    box-shadow: 0px 0px 4px rgb(4 4 7 / 10%);

	}
	.content_order footer{
		display: none;
	}
	/*.btn-default{
		border-radius: 10rem;
    	padding: 1rem 2rem;
	}
	.input-group.date .btn-default{
		padding: 8px 13px;
	}*/
	/*#button-filter{
		border-radius: 10rem;
		height: 40px;
	}*/
	.prod_actual_qty{
		position: absolute;
	    right: 5px;
	    bottom: 5px;
	    font-size: 15px;
	    background: #eb9d44;
	    color: #fff;
	    padding: 0.25rem .5rem;
	    border-radius: 10rem;
	    display: flex;
	    width: auto;
	    height: 25px;
	    justify-content: center;
	    align-items: center;
	    font-weight: bold;
	    box-shadow: inset 0 -2px 0 0 #bc701a;
	    display: none;
	}
	.prod_list_name{
		font-size: 15px;
	}

}
tbody#cart > tr > td{
	position: relative;
}
.prod-content{
	background: #fff;
	min-height: 50px;
}
#popup_product_list .search-line{
	position: relative;
    display: flex;
    flex-direction: row;
    padding: .5rem;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 10px;
}
#popup_product_list .search-line input{
	font-size: 13px;
    padding: .5rem;
    border: 1px solid#383838;
    border-radius: 5px;
    color: #000;
    vertical-align: middle;
    line-height: 20px;
    height: 35px;
    margin: 0 .25rem;
}
#popup_product_list .search-line select{
	/*width: 100%;*/
    margin-left: .25rem;
    border-radius: 5px;
    color: #000;
    text-align: center;
    text-align-last:center;
}
.prod-content__results{
	overflow: scroll;
}

#prods-list-output .prod_list_cat{
	font-size: 12px;
    letter-spacing: 4px;
}
#prods-list-output .prod_list_name{
	position: relative;
	text-align: left;
}
#prods-list-output .prod_list_qty{
	position: absolute;
    display: block;
    bottom: 5px;
    right: 5px;
    background: #00b900;
    padding: 0px 10px;
    border-radius: 8px;
    color: #fff;
    height: 20px;
}
#prods-list-output .prod_list_price{
	font-size: 15px;
}
.popup-success-alert{
	display: none;
	z-index: 1000;
    position: fixed;
    width: 250px;
    background: #85c53b;
    height: 80px;
    justify-content: center;
    align-items: center;
    right: 100px;
    top: 100px;
    border-radius: 5px;
}
.popup-success-alert__message{
    position: relative;
    font-size: 15px;
    color: #fff;
}
.alert-danger .close{
	/*position: absolute;
    right: 5px;*/
    top: 9px;
    display: flex;
    color: #f74242;
}
.alert-danger .close:hover{
	opacity: 1;
  	transition: all 300ms ease;
	color: #c91d1d;
}
tr.not-active-prod{
	background: #e6e6e6;
}
tr.not-active-prod .label-danger{
	background-color: #777777;
}
#form-product .table > tbody > tr > td{
	position: relative;
}
.total_qty{
	position: absolute;
    right: 0px;
    bottom: 0px;
    background: #ddd;
    border: none;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
*/
.panel-default .panel-heading:before{
	content: "";
    position: absolute;
    left: 0px;
    padding: 3px;
    border-radius: 0 50px 0 0;
    height: 46px;
    background-color: #56d5fb;
    top: -5px;
    display: none;
}
.panel-default .panel-heading{
	color: #212529;
    border-color: #ebecf1;
    background: #fff;
	overflow: hidden;
}
.add-new-sticker{
	text-align: center;
	margin: 1rem 1rem 0rem 1rem;
}
#tab-stickers .table-responsive{
	box-shadow: none;
}


.print-single input,
.print-single textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
  font-size: 1.25rem;
}

.print-single input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.print-single input::-webkit-outer-spin-button,
.print-single input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.print-single .input-group {
	clear: both;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 0.5rem;
}
.mm-abs-suffix{
	position: absolute;
    right: 2rem;
    top: 0.7rem;
    font-size: 1.2rem;
    text-transform: uppercase;
}
.print-single .input-group input[type='button'] {
/*  background-color: #eeeeee;*/
/*  min-width: 28px;*/
/*  width: auto;*/
  transition: all 300ms ease;
}

.print-single .input-group .button-minus,
.print-single .input-group .button-plus {
    height: 2.5rem;
    padding: 0rem;
    width: 2.5rem;
    position: relative;
    font-size: 1.75rem;
    line-height: 2rem;
    display: flex;
    justify-content: center;
    align-self: center;
}
.print-single .input-group .button-minus{
    border-radius: 5rem;
}
.print-single .input-group .button-plus{
    border-radius: 5rem;
    font-size: 1.25rem;
}
.print-single .input-group .quantity-field {
  	position: relative;
	height: 39px;
	left: 0px;
	text-align: center;
	width: 35px;
	display: inline-block;
	font-size: 16px;
	margin: 0 0 5px;
	resize: vertical;
	top: 0;
	margin: 0;
    padding: 0;
	border: none;
}

.print-single input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
#barcode_status{
	padding: 5px;
}
.input-group-sticker-status{
	width: 100%;
}
.form-group.barcode-section{
	width: 100%;
}
.input-group-sticker-status select.form-control{
	border-radius: 25px!important;
}
.sticker_rotation{
	border-radius: 25px!important;
}
.sticker_decimals{
	border-radius: 25px!important;
}
.pagination > li > a, .pagination > li > span{
	border-bottom: none;
    border-top: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #a0a0a0;
    border-color: #a0a0a0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-right: none;
}
.sidebar-user-info{
    flex-direction: column;
    padding: 1rem 4rem;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid#f0f1f4;
    display: none;
    position: absolute;
    bottom: 0;
    background: #ebeef2;
}
.sidebar-user-info .profile-pic{
    width: 60px;
	border-radius: 50%;
}
.sidebar-user-info .profile-name{
	padding: 0.5rem;
    font-size: 16px;
/*    font-family: 'Roboto';*/
	text-align: center;
}
.active .sidebar-user-info{
	display: flex;
/*	margin-bottom: 1rem;*/
}
.print-stickers.open > .dropdown-menu{
	text-align: center;
	padding: 5px 10px;
}
.print-stickers.show{
	display: inline-block !important;
}
.alert-success{
    background-color: #4ece53;
    border-color: #4ece53;
    color: #fff;
    width: 22rem;
    position: absolute;
    top: 6rem;
    z-index: 999999;
    right: 2rem;
    height: 3rem;
    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
    border-radius: 1rem;
}
.alert-success .close{
	font-size: 18px;
    top: 0.6rem;
    position: absolute;
    right: 1rem;
	color: #ebffec;
    box-shadow: none;
}
.alert-success .close:hover{
	color: #fff;
}
.temp-hidden{
	display: none;
}
.ml-0{
	margin-left: 0px!important;
}
.ml-50{
	margin-left: 50px;
}
.mt-3{
	margin-top: 3rem;
}
.shift-li{
	line-height: 55px;
    padding-right: 20px;
    background: none;
}
.shift-clock i{
    color: #08b308;
	font-size: 12px;
}
.shift-clock{
    font-size: 12px;
    color: #08b308;
    display: flex;
    align-items: center;
    margin-left: 1.25rem;
}
.shift-clock__icon{
	padding-right: .5rem;
	position: absolute;
    left: 0;
    top: 0.1rem;
}
.shift-clock.red{
	color: red;
}
.shift-clock.red i{
	color: red;
}
.shift-main-info{
	position: relative;
    display: inline-block;
    border-bottom: 1px solid #ebeef2;
    width: 100%;
    height: 100%;
    padding-bottom: 1rem;
}
/*.rounded-orange-btn{
	background-color: #f29731;
    box-shadow: inset 0 -2px 0 0 #bb6e23;
    border-radius: 10rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.6rem;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition: background .1s linear,box-shadow .1s linear;
    border: none;
}*/
.rounded-orange-btn{
	width: auto!important;
    background-color: #f29731!important;
    box-shadow: inset 0 -2px 0 0 #bb6e23;
    border-radius: 1rem!important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px 10px 20px!important;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.6rem;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition: background .1s linear,box-shadow .1s linear;
    border: none!important;
    height: auto!important;
}
.rounded-orange-btn:hover{
	background-color: #bb6e23;
}
.white-text{
	color: #fff!important;
}
.mb-1{
	margin-bottom: 1rem;
}
/*Order page new styles*/
.popup_discount{
	border-bottom: 2px dotted #d4d4d4;
    padding-bottom: 1rem;
}
.popup_discount-title{
	font-size: 25px;
}
.new-price-popup{
	font-size: 25px!important;
    position: absolute;
    top: -15px;
    text-decoration: line-through;
    color: #444;
}
.hide{
	display: none;
}
#total_sum_w_discount{
	font-size: 40px;
}
.cash-icon{
	background-image: url('/catalog/view/image/cash_icon.svg');
	display: inline-block;
	width: 20px;
	height: 20px;
	min-width: 20px;
}
#menu li li a.parent:after{
	margin-top: 0px;
}
.container-fluid .panel-body{
	padding-top: 0;
/*    padding-left: 0;*/
}
@media (max-width: 920px){
	#header #button-menu + .navbar-brand {
    	display: none;
	}
}
@media (max-width: 600px){
	.shift-clock__title{
		display: none;
	}
}
@media (max-width: 488px){
	.cash-list-header {
    	width: 100px;
	}
}
@media (max-width: 468px){
	#header .nav > li > a{
		height: 56px;
	}
}
@media (max-width: 400px){
	#header .nav > li > a{
		justify-content: center;
	}
	.cash-icon{
/*		display: none;*/
	}
	#header .nav > li > a{
		padding-right: 10px;
	}
	.account-header{
		display: none!important;
	}
}
.shift-middle-info{
	position: relative;
    display: inline-block;
/*    border-bottom: 1px solid #ebeef2;*/
    width: 100%;
    height: 100%;
	padding: 0rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.pl-2{
	padding-left: 2rem!important;
}
.correction_panel{
	box-shadow: none;
    -webkit-box-shadow: none;
    background: unset;
}
.correction_form{
	display: inline-block;
    position: relative;
    border: 1px solid #fff;
    height: 100%;
    width: 100%;
    padding-bottom: 30px;
    border-radius: 4px;
    color: #fff;
    background: #fff;
    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
    margin-bottom: 35px;
    padding-top: 30px;
}
.correction_panel #correction{
    display: none;
}
#cart .explanation-textarea{
    height: 5rem;
    text-align: left;
    display: inline-block;
	padding: 0.5rem 1rem;
}
#cart .form-control {
    border-radius: 1rem;
}
.d-flex{
	display: flex;
}
.flex-ai-center{
    align-items: center;
}
.marked-box{
	border: 1px solid#eb9d44;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    color: #eb9d44;
    background: rgba(255,255,255,.8);
    font-weight: bold;
}
.alert-brdr{
	border: 1px solid #f00!important;
}
.correction_user{
    font-weight: 800;
    color: #ff9901;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
}
.status-color-0{
	color: red!important;
}
.status-color-1{
/*	color: green!important;*/
	color: #58a658!important;
}


.btn-info{
	display: inline-flex;
    justify-content: center;
    align-items: center;
	border: 1px solid;
    border-radius: 50%;
    padding: 7px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #59d8fb;
    color: #fff;
}
.btn-success-rounded{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    padding: 7px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #00b900;
    color: #fff;
}
.correction-loader__icon{
    padding-right: 0.5rem;
}
.correction-loader__title{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.correction-loader i {
    color: #6D6D6D;
    font-size: 12px;
}
.correction-loader{
	font-size: 12px;
    color: #6D6D6D;
    display: flex;
    align-items: center;
}
.nav-notes__corrections{

}
.nav-notes{
    line-height: 55px;
    padding-right: 20px;
    background: none;
}
.correction-loader__title--count{
    background: #ebedf1;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.5rem;
    color: #444444;
    display: flex;
    line-height: 1rem;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
}
.dropdown-menu{
	border-radius:4px;
	border: 1px solid rgb(0 0 0 / 0%)!important;
}
#cash-main-page-container .tile{
	margin-right: 1rem;
}
.cash-details-first{
	background: #fff;
/*    border-radius: 0.8rem;*/
/*    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
	border-radius: 1.5rem;
}
.section-blured{
	filter: blur(50px);
}
.eye-icon {
    background-image: url(/image/ico/eye-slash.svg);
    display: inline-block;
    width: 18px;
    height: 20px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}
.stores-profit__hidden-title,.dashboard-hidden-title{
    position: absolute;
    top: 20%;
    color: #444444;
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 1rem;
    width: 100%;
}
.stores-profit__hidden-title .eye-icon,.dashboard-hidden-title .eye-icon{
	margin-right: 0.5rem;
}


.btn-info-square{
	display: inline-flex;
    justify-content: center;
    align-items: center;
	border: 1px solid;
    text-align: center;
    color: #fff;
	background: #ea9c44;
    color: #fff;
    width: auto;
    border-radius: 0.5rem;
    padding: 0.75rem 2rem;
    height: auto;
	transition: all 0.3s;
}

.price-tips{
    position: absolute;
    display: flex;
    bottom: -1.5rem;
    right: 0rem;
    z-index: 2;
}
.price-tips__item{
    width: 3rem;
    height: 2rem;
    background: #66728b;
    margin:0.25rem;
    border-radius: 4px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    padding: 0;
    line-height: 2rem;
	opacity: .8;
	transition: all 0.3s;
}
.price-tips__item:hover{
	transition: all 0.3s;
	opacity: 1;
	color: #fff;
}
.price-tips__item.clr-20{
    background: #22da9c;
}
.price-tips__item.clr-30{
    background: #22da48;
}
.price-tips__item.clr-40{
    background: #0dcf11;
}
.price-tips__item.clr-50{
    background: #00b404;
}

.btn-info-square:hover{
	background: #dd8c30;    
	color: #fff;
	border:1px solid #dd8c30;
	transition: all 0.3s;
}
.btn-accent{
	background: #ff9901;
    color: #fff;
}
.btn-accent:hover{
	color: #fff;
    background: #e48c06;
}
.btn-accent-blue{
	background: #66728b;
    color: #fff;
}
.btn-accent-blue:hover{
	color: #fff;
    background: #38bde0;
}
.d-flex{
	display: flex;
}
.justify-content-center{
	justify-content: center;
}
.margin-1{
	margin: 1rem;
}
.mb-2{
	margin-bottom: 2rem;
}
.width-50-2{
    width: calc(50% - 2rem);
}
.btn-accent-blue:focus, .btn-accent-blue.focus{
	background-color: #6acdf0;
    border-color: #6acdf0;
}
.btn-orange-icon{
	color: #ff9a01;
    background: none;
    padding: 0;
    font-weight: 800;
    font-size: 18px!important;
}
.color-orange{
	color: #ff9901!important;
}
.qty-block{
	padding: 0.25rem 0.5rem;
    margin-left: 0.5rem;
	border: none;
    transition: all 0.3s;
    color: #fff;
}
.return-modal__info{
    padding: 1rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1rem;
    background: rgb(168 168 168 / 10%);
	padding: 1.5rem 2rem;
}
.return-modal__info-line{
    display: flex;
    justify-content: space-between;
}
.return-modal__info .val{
	color: #000000;
    font-weight: 900;
    text-decoration: underline;
}
.return-modal__comment{
	margin-bottom: 0;
}
@media (max-width: 500px){
	.width-50-2{
		width: calc(100% - 2rem);
	}
	.return-panel fieldset{
		padding: 1rem;
	}
	fieldset#order-info div{
		padding-bottom: 1rem;
	}
	#form-returned button{
		margin-right: 2rem;
	}
	.return-modal__info{
		width: 100%;
	}
	.return-modal .modal-body{
		padding: 0;
	}
	.return-panel .cart-qty-inpt{
		padding: 0;
	}
	.StyledReceiptInfo table tbody tr td{
		padding: 0.75rem;
	}
}
.StyledReceiptInfo {
    padding: 1rem 1rem 2rem;
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
	flex-direction: column;
	color: #000;
}
.StyledReceiptInfo table{
	width: 100%;
}
.StyledReceiptInfo:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
/*    background: linear-gradient(45deg,#f5f5f5,#edf9fc);*/
    --mask: conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/15px 100%;
    -webkit-mask: var(--mask);
    mask: var(--mask);
	background: #f3f4f7;
    border-radius: 0.5rem;
}
.StyledReceiptInfo__general{
	border-bottom: 2px solid#fff;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.pb-025{
	padding-bottom: 0.25rem;
}
.pt-025{
	padding-top: 0.25rem;
}
.StyledReceiptInfo table tbody tr{
	border-bottom: 1px solid#fff;
}
.StyledReceiptInfo table tbody tr:last-child{
	border-bottom: none;
}
.StyledReceiptInfo__general .col-sm-3{
	padding-top: 1rem;
}
.pr-05{
	padding-right: 0.5rem;
}
.d-none{
	display: none!important;
}
.StyledReceiptInfo:before{
	border-radius: 1rem 1rem 0 0;
}
.StyledReceiptInfo.WhiteReceipt:before{
	background-color: #fff;
	background: #fff;
}
.table.table-bordered tbody tr:last-child td{
	border-bottom: none;
}
.form-control{
	-webkit-box-shadow:unset;
	box-shadow:unset;
	border-radius: 0.75rem;
	border: 1px solid #e7e7e7;
}
.dropdown-toggle .bx-face{
	font-size: 2rem;
}
.navbar-static-top .bx-log-out-circle{
	font-size: 1.5rem;
    margin-left: 0.5rem;
    transform: rotate(180deg);
}
.mt-2{
	margin-top: 2rem;
}
.mt-1{
	margin-top: 1rem;
}
.pull-right{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.data_table .btn-primary i{
	color: #66728b;
}
.btn-icon{
	width: 30px;
    height: 30px;
    background: none;
    color: #66728b;
    border: none;
    padding: 0;
    font-size: 1.5rem;
}
.mb-05{
	margin-bottom: 0.5rem;
}
.px-1{
	padding: 1rem;
}
.mb-0{
	margin-bottom: 0;
}
.pr-0{
	padding-right: 0;
}
#additionalOrderInfo{
/*	display: none;*/
}
.additionalOrderInfo .bx:before{
	content: "\eb8b";
}
.additionalOrderInfo.collapsed .bx:before{
	content: "\ebc0";
}
.d-none{
	display: none;
}
.pl-1{
	padding-left: 1rem;
}
.orderComments__content li{
	position: relative;
    padding: 1rem 0 0.5rem 0;
    padding-left: 1rem;
    border: 1px dashed #e1e3e6;
    margin-bottom: 1rem;
    padding: 1rem;
    list-style: none;
    border-radius: 0.5rem;
    padding-top: 0;
}
.orderComments__content span{
    right: 0rem;
    position: absolute;
    border: 1px solid #ebeef2;
    border-radius: 0.5rem;
    padding: 0.25rem 1rem;
    display: flex;
    top: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
	background: #eceef2;
}
.orderComments__content div{
    padding-top: 1rem;
}
.orderComments__content{
	position: relative;
}
.ml-1{
	margin-left: 1rem!important;
}
.pb-0{
	padding-bottom: 0;
}
.quick-view-modal__info{
	padding: 1rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1rem;
/*    background: rgb(168 168 168 / 10%);*/
	background: #ebeef2;
    padding: 1.5rem 2rem;
}
.quick-view-modal__info-line{
    display: flex;
    justify-content: space-between;
}
.quick-view-modal__info .val{
	color: #000000;
    font-weight: 900;
    text-decoration: underline;
}
.categories-blocks{
    grid-gap: 1vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.categories-blocks__item{
    min-height: 300px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
	width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	border: none;
    box-shadow: unset;
	min-width: 1px;
	padding: 0.5rem;
}
.categories-blocks__item--img{

}
.categories-blocks__item--name{
	font-size: 1.2rem;
    line-height: 1.5rem;
    color: #66728b;
    height: 3rem;
}
.categories-blocks__item--btn{

}
.categories-blocks__item--btn .btn-primary{
	border: 1px solid #d3d8e3;
    color: #66728b;
    border-radius: 1rem;
}
.categories-blocks__item--content{
    background: rgb(242 244 247 / 90%);
	border-radius: 1rem;
    padding: 2rem 3rem;
    width: 100%;
}
@media (max-width: 880px){
	.categories-blocks{
	    grid-template-columns: 1fr 1fr;
	    grid-gap:4vw;
	}
}
@media (max-width: 488px){
	.categories-blocks{
	    grid-template-columns: 1fr 1fr;
	    grid-gap:4vw;
	}
	.quick-view-modal__info{
		width: 100%;
	}
	.quick-view-modal  .StyledReceiptInfo{
		padding: 0;
	}
	.quick-view-modal .table > thead:first-child > tr:first-child > td{
		font-size: 9px;
	}
	.form-horizontal .form-group{
		margin-left: 5px;
    	margin-right: 5px;
	}
	.categories-blocks__item--content{
		padding: 2rem 1rem;
	}
	.products-filter-container{
	    display: flex;
	    flex-direction: row-reverse;
	    align-items: center;
	    justify-content: space-between;
	}
	.container-fluid-centered{
		display: flex;
	    flex-direction: column-reverse;
	    align-items: center;
	}
	.scrollable-table{
		overflow: scroll;
	}
	.pull-right .btn{
		padding: 6px 8px;
		margin: 0 0.25rem;
	}
	.products-filter-container .pull-right{
		width: 50%;
	}
	.products-filter-container h1{
		width: 50%;
	}
	.card{
		flex-direction: column!important;
	}
	.tab-content .form-group .control-label{
		text-align: left;
    	font-size: 14px;
	}
	.contragent-form .nav-tabs{
		display: flex;
	}
	.tab-content fieldset legend{
		padding-left: 1rem;
	}
	.table-responsive{
		border: none;
	}
}
@media (max-width: 420px){
	.quick-view-modal .modal-footer{
		display: flex;
	    flex-direction: column;
	    gap: 1vw;
	    align-items: center;
	    width: 100%;
	}
	.quick-view-modal .modal-footer .btn{
		width: 80%;
	    display: flex;
	    justify-content: center;
		margin: 0!important;
	}
	.quick-view-modal .modal-body {
		padding: 0;
	}
}
.modal-header .close{
	color: #464646;
}
.btn-primary{
	margin:auto;
}
.align-items-center{
	align-items: center;
}
.table-responsive .btn-primary{
	margin: 0;
}
.flex-direction-row{
	flex-direction: row;
}
.card{
	display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    background: #fff;
    padding: 2rem 1rem;
}
.form-horizontal .form-group{
	display: flex;
    align-items: center;
}
.filtration .form-group{
	padding-top: 7px;
    padding-bottom: 7px;
}
.w-100{
	width: 100%!important;
}
.w-50{
	width: 50%!important;
}
.pull-right{
	flex-flow: wrap;
}

.filtration .bx-calendar{
	color: #7b7b7b;
}
.border-none{
	border:none!important;
}
.box-shadow-none{
	box-shadow: none!important;
}
.bx-stop-circle{
	color: red;
	font-size: 1.25rem;
}
.bx-play-circle{
	color: green;
	font-size: 1.25rem;
}
.color-red{
	color: red!important;
}
.color-green{
	color: green!important;
}
.dropdown-menu{
	border-radius: 1.5rem;
	margin-top: 0.5rem;
	box-shadow: 0 6px 12px rgb(160 160 160 / 18%);
}
@media (min-width: 768px){
	.cash-list-header .dropdown-menu{
		width: 200px;
	    right: 0;
	    left: -20px;
	    padding: 1rem;
	}
	.account-header .dropdown-menu{
		left: -20px;
	    width: 130px;
	    min-width: 130px;
	    text-align: center;
	}
	.quick-view-modal .modal-footer .btn-warning{
		margin: 0 0.5rem;
	}
	.quick-view-modal .modal-footer{
		display: flex;
		justify-content: center	;
	}
}
.order-customer-input .bx-phone{
	position: absolute;
    right: 2rem;
    color: #66728b;
    top: 0.75rem;
    transform: revert;
    font-size: 1.5rem;
}
.tile-stores .store_sale_line:last-child{
	margin-bottom: 0;
}
.dashboard .panel-default .panel-heading{
	border-radius: 2px;
}
.dashboard .panel-default .panel-heading .tile-heading{
	padding: 10px 20px;
}
.dashboard .panel-default .panel-heading:before{
	top: 0;
}
.dashboard .table > tbody > tr:last-child > td{
	border-bottom: none;
}
.dashboard-chart__range{
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-top: 0.4rem;
}
.dashboard-chart__range li.active{
	color: #ff9901;
    -webkit-text-fill-color: #ff9901;
}
.dashboard-chart__range li a{
	font-size: 1rem;
}
.nav > .account-header > a > img{
	max-width: 45px;
}
#filemanager .popover-title{
	color: #333;
}
#filemanager .modal-title{
	color: #333;
}
#module_commonTelegram_boot_token, .module_commonTelegram_chat_ids_field{
	border-radius: 0rem 1rem 1rem 0rem!important;
}
.telegram-helper-info{
	background: #f3f4f7;
    border-radius: 2rem;
    padding: 2rem;
	color: #67738b;
}
.tax-objects-result{
	width: 100%;
}
.tax-objects-result__group{
    margin-bottom: 2rem;
    border: 1px solid #e7e7e7;
    border-radius: 1rem;
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
.prro_received_data{
    padding: 2rem 1rem;
}
.tax-objects-result__placeholder{
    width: 100%;
    position: relative;
    display: flex;
    font-size: 0.8rem;
    color: #ff9901;
}
.tax-objects-result__value{
    color: #000;
}
.tax-objects-result__group div{

}
.prro-info{
	line-height: 55px;
    padding-right: 1rem;
    background: none;
}
.prro-info-wrapper{
	display: flex;
    height: 100%;
}
.prro-view-modal .tax-objects-result__group{
	border: none;
    gap: 1rem 4rem;
}

.tax-objects-result__group.border-bottom{
	border-bottom: 1px solid;
    border-radius: 0;
    border-color: #e5e5e5;
}
.color-darker-orange{
	color: #eb9d44;
}

.zooming-blinking{
  animation: zoom-blink 2s linear infinite;
}
@keyframes zoom-blink {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(0.8, 0.8);
    opacity: 0.7;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

.blinking{
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.6;
/*    color: #f23325;*/
  }
}
.lighty-rounded-bg-orange{
	background: #ffecdd;
    border-radius: 1rem;
}
.w-15rem{
	width: 15rem;
}
.modal-smaller{

}
.checkout-popup .modal-header{
	border-bottom: 1px dashed #e5e5e5;
}
.checkout-popup .modal-footer{
	border-top: 1px dashed #e5e5e5;
}
.color-gray{
	color: #444;
}
.lighty-rounded-bg-gray{
	background: #eceef2;
    border-radius: 1rem;
}
.text-upper{
	text-transform: uppercase;
}
.color-light-red {
    color: #ee6e6e!important;
}
.order-fiscalized{
    position: absolute;
    left: -25px;
}
.order-fiscalized .bx{
	font-size: 18px;
    color: #f29831;
}
.p-relative{
	position: relative;
}
.lighty-gray{
	color: #6e6e6e!important;
}
.btn-clipboard{
	color: #7b7b7b!important;
	background: none;
}
.nav-tabs > li > a.active{

}
.btn-warning i{
	color: #fff;
}
.products-filter-container .pull-right{
	gap: 1rem;
}
.dropdown-toggle .fa-caret-down{
	display: none;
}
#button-popup-catalog{
	background: #eceef2;
}
.btn.spinning{
	width: 150px;
    display: flex;
    justify-content: center;
}
.show-arrival-sale-price{
	cursor: pointer;
}
.popup-preloader{
	display: flex;
}
.popup-preloader .bx-loader-circle{
	font-size: 4rem;
    opacity: .5;
}
.pagination > li > a, .pagination > li > span{
	border: 0.7px solid #eceef2;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	color: #000000;
}
/*Invoice preview*/
.receipt-preview{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1rem;
}
.receipt-preview__header{
    text-align: center;
    font-weight: 900;
    line-height: 1rem;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.receipt-preview__body{

}
.receipt-preview__body--prodname{
    margin-bottom: 0;
}
.receipt__lr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
}
.receipt-preview__body--qty{

}
.receipt-preview__body--total{

}
.receipt-preview__footer{

}
.receipt-preview__footer--totaltitle.totalsum{
    font-size: 1.3rem;
    font-weight: 700;
}
.receipt-preview__footer--totalvalue.totalsum{
    font-size: 1.3rem;
    font-weight: 700;
}
.receipt-preview__conslusion{

}
.receipt-braker{
	background: #828282;
    height: 1px;
    width: 100%;
    position: relative;
    display: flex;
    margin: 1rem 0;
}
.receipt-preview__product{

}
.receipt-preview__footer p.heading{
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.receipt-preview__footer--title{
	margin-bottom: 0;
}
.receipt-preview__footer--value{
	margin-bottom: 0;
}
.receipt-preview .highlighted{
	font-weight: 700;
    font-size: 1.2rem;
}
.receipt-preview-custom{
	text-align: center;
	margin-top: 1rem;
}
/*Invoice preview end*/

.btn.spinning{
	pointer-events: none;
}
.btn[disabled]{
	pointer-events: none;
}
.bx-loader-circle.spinning.fa-spin{
	height: 16px;
    font-size: 17px;
}
.opening-balance{
	text-align: center;
    font-size: 1.8rem;
    height: 4rem;
}
.opening-balance-wrapper{
    position: relative;
}
.opening-balance-wrapper__currency{
	color: #9a9a9a;
    top: 0.8rem;
    position: absolute;
    right: 2rem;
    font-size: 1.5rem;
    background: #fff;
}
.content_order .alert-danger .close{
	position: absolute;
    right: 7px;
    top: 5px;
    display: flex;
    color: #f74242;
    font-size: 18px;
}
.popover > .arrow{
	display: none;
}
.popover-body{
	display: flex;
}
.popover{
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    border-radius: 1rem;
}

.products-filter-container .btn{
	padding: 0.75rem 1rem;
}
.color-alert{
	color: #f34731;
}
.summary-objects-result__group {
    margin-bottom: 2rem;
    border: 1px solid #e7e7e7;
    border-radius: 1rem;
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 4rem;
}
.summary-objects-result__group div{
    display: flex;
    justify-content: space-between;
}
.summary-objects-result__placeholder{
    height: 2rem;
    display: flex;
    align-items: center;
}
.summary-objects-result__value{
    font-size: 1.5rem;
    height: 2rem;
    color: #000;
    font-weight: 800;
}
.summary-result{
    width: 100%;
}
.summary_received_data{
	width: 100%;
    padding: 1rem;
    justify-content: center;
    margin-left: auto!important;
    margin-right: auto!important;
}
@media (max-width: 1200px){
	.summary-objects-result__group{
		grid-template-columns: 1fr;
	}
	.summary-objects-result__group div{
		border-bottom: 1px solid#e7e7e7;
	}
	.summary-objects-result__group div:last-child{
		border:none;
	}
}
@media (max-width: 400px){
	.summary-objects-result__group div{
		flex-direction: column;
	}
	.summary-objects-result__placeholder{
		color: #ea9c44;
	    font-weight: 500;
	    font-size: 1.15rem;
	}
}

/*New styles [weight]*/
.input-group-button{
    position: absolute;
    z-index: 5;
}
.input-group-button.minus{
    left: 0rem;
}
.input-group-button.plus{
    right: 0rem;
}
.cart-qty-inpt{
	font-size: 1.5rem;
}
#cart .input-group-btn.refresh .refresh-prod-info{
  visibility: hidden;
}
.plus-minus-input .cart-qty-inpt:focus + .input-group-btn.refresh .refresh-prod-info{
/*  visibility: hidden;*/
	visibility: visible!important;
}
.input-group-btn.refresh{
    position: absolute;
    right: 6rem;
    left: auto;
    z-index: 9;
    right: 5rem;
}
.input-group-btn.refresh .refresh-prod-info{
    color: #f28633;
/*    background: rgba(255,255,255,1);*/
    height: 2rem;
    top: 0.5rem;
    width: 2rem;
    border-radius: 0;
}
.side_panel{
/*	font-family: 'Gotham Pro Regular';*/
	position: fixed;
    bottom: 3rem;
    padding: 5px;
    background: #ffffff;
    color: #000;
    width: 25%;
    text-align: center;
    height: 550px;
    z-index: 11;
    display: none;
    padding: 0px;
    border: 1px solid#dedede;
    /* border-top: 1px solid #fff; */
    right: 0;
    left: auto;
    top: 7rem;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 2rem 0rem 0rem 2rem;
    overflow: hidden;
}
.side_panel__actions{
	padding: 3rem;
	padding-bottom: 0;
}
.content-area.shorter{
	width: 72.33%;
}
.side_panel__totals{
    display: flex;
    justify-content: space-around;
    padding: 2rem;
    align-items: center;
    gap: 0rem;
    background: #fff;
    color: #fff;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.side_panel__totals--pieces{
    display: grid;
    width: 100%;
    justify-content: space-between;
    padding: 0 1rem;
    grid-template-columns: 6fr 4fr 1fr;
    font-size: 1.75rem;
	align-items: center;
	position: relative;
	border-bottom: 1px solid#dedede;
    border-radius: 0;
}
.side_panel__totals--weight{
    display: grid;
    width: 100%;
    justify-content: space-between;
    padding: 0 1rem;
    grid-template-columns: 6fr 4fr 1fr;
    font-size: 1.75rem;
	align-items: center;
	position: relative;
	border-bottom: 1px solid#dedede;
    border-radius: 0;
}
.side_panel__totals--sum{
    align-items: flex-end;
    display: grid;
    width: 100%;
    justify-content: space-between;
    border-radius: 1.5rem;
    padding: 0 1rem;
/*    grid-template-columns: 6fr 4fr 1fr;*/
	grid-template-columns: 1fr 6fr 1fr;
    font-size: 1.75rem;
    color: #2d2d2d;
	gap: 0.25rem;
}

.side_panel__totals label{
    margin: 0;
	text-align: left;
	color: #454545;
}
.side_panel__totals label + span{
    font-size: 3rem;
	height: 3.75rem;
	display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    color: #454545;
}
.side_panel__totals label + b{
	text-align: right;
}
.side_panel__totals--pieces b, .side_panel__totals--weight b{
	position: absolute;
    right: 1rem;
    bottom: 0.1rem;
	font-size: 1.75rem;
    color: #454545;
}
.side_panel__totals--sum label{
	color: #454545;
}
.side_panel__totals--sum label + span{
	color: #454545!important;
	/*font-size: 4rem!important;
    height: 4.75rem!important;*/
	font-size: 3rem!important;
    height: 3.5rem!important;
}
.total_sum_div{
	height: 100%;
/*	max-height: 300px;
    min-height: 300px;*/
}
@media (min-width: 576px){
	.modal-dialog {
    	max-width: 550px;
	}
}
@media (min-width: 768px){
	.modal-smaller.catalog-popup .modal-dialog {
    	max-width: 750px;
    	width: 750px;
    }
    .modal-dialog.wider {
    	max-width: 750px;
    	width: 750px;
	}
}
.ean-sku-block__sku label, .ean-sku-block__ean label{
	position: absolute;
    right: 5px;
    top: -19px;
    background: #fff;
    padding: 0 1rem;
    margin-bottom: 0;
    height: 2rem;
    color: #555;
}
.ean-sku-block__ean{
	position: relative;
}
.ean-sku-block__sku{
	margin-top: 3rem;
    position: relative;
    margin-bottom: 2rem;
}
.order-checkout-middle__catalog{
    min-width: 1px;
}
.catalog-popup .search-line{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}
.catalog-popup .search-line input, .catalog-popup .search-line select{
	font-size: 1rem;
    height: 3rem;
    border: 1px solid#b0b0b0;
    border-radius: 0.75rem;
    padding: 0 1rem;
}
.prods-list-popup-buttons .btn{
	border-radius: 1rem;
	border: 1px solid#d6d6d6;
}
.catalog-success-alert{
	display: none;
}
.catalog-success-alert__message{
    position: relative;
    font-size: 15px;
    color: #01b802;
}
#cart .plus-minus-input .btn-default{
	padding: 0.6rem 0.5rem;
    border-radius: 1rem;
}
#cart .btn-default:hover{
    background: #66728b;
    color: #fff;
    text-align: center;
}
#cart .btn-default i.bx{
	padding: 0;
}
.side-totals__wrapper{
    background: #f5f6f8;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    width: 100%;
	padding: 1rem;
	border: 1px solid#dedede;
}
.side_panel{
	-webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.side_panel.sticks{
	transform: translateY(-5rem);
}

.catalog-popup .modal-dialog{
    overflow-y: initial !important
}
.catalog-popup .modal-body{
/*    height: 80vh;*/
    overflow-y: auto;
}
.catalog-popup .content{
/*	height: 90vh;*/
}

.moving-page .side_panel__totals--sum{
	display: none;
}
.moving-page .side_panel__totals--weight{
    border-bottom: none;
    border-top: 1px solid#dedede;
}
.moving-page .side_panel__totals--pieces{
	border:none;
}
.error-line{
	border-left: 5px solid red;
	background: #fff3f3;
}
.no-border{
	border:none!important;
}
.correction-page .side_panel__totals--weight, .correction-page .side_panel__totals--pieces{
	border:none;
}	
.correction-page .side_panel__totals--weight{
	border-top: 1px solid#dedede;
}
.correction-page .side_panel{
	height: 575px;
}


.inventory-page .side_panel__totals--weight, .inventory-page .side_panel__totals--pieces{
	border:none;
}	
.inventory-page .side_panel__totals--weight{
	border-top: 1px solid#dedede;
}
.inventory-page .side_panel{
/*	height: 575px;*/
	height: 500px;
}

.inventory-popup__info--accept{
    font-size: 1.3rem;
    text-align: left;
	border: 1px solid#ea9c44;
    padding: 1rem;
    border-radius: 0.5rem;
	width: 50%;
	min-width: 1px;
}
.inventory-popup__info--draft{
    font-size: 1.3rem;
    text-align: left;
	border: 1px solid#00b901;
    padding: 1rem;
    border-radius: 0.5rem;
	min-width: 1px;
	width: 50%;
}
.inventory-popup__info{
	display: flex;
    gap: 4rem;
}
.inventory-popup__buttons{

}
.inventory-popup .modal-header{
	border-bottom: none;
}
.inventory-popup .modal-footer{
	border: none;
}
/*Product Page*/
.product-page__row{
    position: relative;
}
.prodpage-label{
    font-size: 1.3rem;
    position: absolute;
    top: -12px;
    background: #fff;
    height: 15px;
    padding: 0 1rem;
    font-family: 'Oktah';
    font-style: italic;
    font-weight: 400;
    color: #67738b;
}
.prodpage-value{

}
.prodpage-value input, .prodpage-value select{
    font-size: 1.5rem;
    height: 4rem;
    padding-top: 1rem;
    border-radius: 1rem;
    border: 1px solid #adadad
}
.product-page__general{
	padding: 0px;
}
.product-page__general--wrapper{
    padding: 0px;
    border: none;
    border-radius: 1.5rem;
    background: #fff;
	padding: 3rem;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
.product-page__wrapper{
    display: grid;
    grid-template-columns: 5fr 3fr;
	gap: 2rem;
}
.product-page__stock{
    padding: 0px;
}
.stock-wrapper{
	border: none;
    border-radius: 1.5rem;
    background: #fff;
	padding: 3rem;
    display: flex;
    flex-direction: column;
}
.stock-wrapper{
    position: relative;
    width: 100%;
}
.stock-wrapper__label{
	font-size: 1.4rem;
    background: #fff;
    padding: 0 1rem;
    font-family: 'Oktah';
    font-style: italic;
    font-weight: 400;
    color: #67738b;
}
.stock-wrapper__content{
    display: flex;
    width: 100%;
    min-width: 1px;
    flex-direction: column;
    padding: 2rem 1rem;
}
.stock-wrapper__content--list{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 1.5rem;
    flex-direction: column;
}
.content-list__item{
    display: flex;
    font-size: 1.5rem;
    background: #eceef2;
    justify-content: space-between;
    padding: 1rem 2rem;
    border-radius: 1.5rem;
    font-family: 'Oktah';
    font-style: italic;
    font-weight: 500;
    color: #67738b;
}
.product-page__row--sub{
	width: 50%;
}
#product-category{
	font-size: 1.2rem;
}
.popup_rest__combined{
	display: flex;
}
#input-received-card{
	font-size: 30px;
    color: #383838;
    text-align: center;
    line-height: 35px;
    border: none;
    box-shadow: none;
    border: 2px solid#eb9d44;
    padding: 5px;
    background: #fff;
}
.store_line_popup{
    padding: 7px 15px;
    margin-bottom: 10px;
    border-radius: 1rem;
    background: #eceef2;
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.store_line_popup--store{
	display: flex;
    justify-content: flex-start;
    margin-bottom: 0px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.store_line_popup--value{
	display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
    color: #000;
}
.btn-grayish{
    background: #eceef2!important;
    padding: 0.8rem 2rem!important;
    color: #000!important;
}
#cash-main-page-container .tile-heading{
	    font-size: 18px;
}
#stores-cash-register h2{
	font-size: 4rem;
	font-weight: 900;
}
.prodpage-value input::placeholder, .prodpage-value select::placeholder{
	opacity: .5;
}
.tab-invoices__nav{
	margin-bottom: 1rem;
    border: none;
    margin-top: 1rem;
    background: #f6f7f9;
    border-radius: 1rem;
    width: fit-content;
    display: flex;
/*    justify-content: center;*/
    margin-left: auto;
    margin-right: auto;
	overflow: scroll;
    position: relative;
    width: 100%;
    justify-content: flex-start;
}
.tab-invoices__nav .btn{
	font-weight: bold;
    background: #ffffff;
    text-shadow: none;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.tab-invoices__nav .btn.collapsed{
	color: #666;
    /* border-radius: 2px 2px 0 0; */
    border: none;
    font-size: 0.95rem;
    position: relative;
    display: block;
    padding: 10px 15px;
    background: unset;
    box-shadow: none;
}
#tab-invoices-nav .card{
	padding: 1rem 1rem;
    border: none;
}
#tab-invoices-nav .form-group{
	padding: 1rem 0;	
}
.form-switch {
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    gap: 1rem;
}
.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}
.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { /*background-color: #4BD763;*/ background-color:#66728b; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

.card-inv-collapsed{
	grid-template-columns: 1fr 1fr;
    display: grid;
}
.border-top-gray{
	border-top: 1px solid #ededed;
}
.card-inv-collapsed .form-group{
    margin: 0 15px;
}
.invoice-table td{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-bordered.invoice-table{
	border: 2px solid #000;
}
.table-bordered.invoice-table td{
	border: 1.5px solid #000000!important;
	font-size: 15px;
	font-weight: 500;
}
.invoice-table.table > thead:first-child > tr:first-child > td{
	font-size: 15px;
	font-family: system-ui, sans-serif;
	background: #d4d4d4!important;
	background-color: #d4d4d4!important;
	padding: 0.5rem;
}
#invoice-print h1, #invoice-print h3{
	font-family: system-ui, sans-serif;
	color: #000;
}
#invoice-print h1{
	font-size: 26px;
	border-bottom: 2px solid #000000;
	margin-bottom: 1rem;
	margin-top: 2rem;
}
.arrivals-invoice-receiver b, .arrivals-invoice-contragent b, .invoice-contragent b{
    text-transform: uppercase;
    border-bottom: 2px solid#000000;
    margin-bottom: 0rem;
}
.arrivals-invoice-receiver, .arrivals-invoice-contragent, .invoice-contragent{
	width: 50%;
}

.label-success{
	background-color: #8fc265;
}
.label-warning {
    background-color: #e89757;
}

.label-danger {
    background-color: #f85e5e;
}

.btn-gray{
	background: #f3f4f7;
}

.side_panel.templates{
	height: 500px;
}
.btn.checkout-action-btn{
	margin-top: 15px;
    height: 70px;
    background: #7be35a;
    font-size: 35px;
    width: 100%;
    border: none;
    border-radius: 1.5rem;
    box-shadow: inset 0 -5px 0 0 #5ecb3a;
    color: #fff;
}
.btn.checkout-action-btn:hover{
	background: #5ecb3a;
    color: #fff;
}
.templates-popup__info{

}
.templates-popup__info--name{

}
.inventory-popup__info--comment{

}
.templates-popup{
	
}
/*New Login Page*/
.content-login .login-panel{
    background: rgb(255 255 255 / 90%);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0px 5px 100px 15px rgba(0,0,0,0.1);
    height: 350px;
    margin: 0;
	display: flex;
    align-items: center;
    gap: 4rem;
    padding: 4rem;
}
.content-login{
	height: 100%;
	padding: 0!important;
	background-image:unset;
	background-image: linear-gradient(to right, #141e30, #67738b);
    /* background-image: linear-gradient(to right, #67738b, #d3d5c8);*/
}
.content-login:after{
	background-color: unset;
}
.login-wrapper{
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.content-login > .container-fluid{
	height: 100%;
}
.form-control-login::placeholder{
	color: #67738b;
}
.form-control-login{
	color: #67738b;
    border-color: rgb(103 115 139 / 40%);
	background-color: rgb(242 244 247);
}
#input-login-data{
	color: #67738b;
	background-color: rgb(242 244 247);
}
.form-control-login:focus{
    color: #4d5463;
	background-color: rgb(242 244 247);
}
#login-input #input-password:focus, #login-input #input-confirm:focus{
	color: #4d5463;
	background-color: rgb(242 244 247);
}
#login-input #input-password, #login-input #input-confirm{
	color: #67738b;
	background-color: rgb(242 244 247);
}

.btn-anim-filling{
  position: relative;
  display: block;
  color: white;
  font-size: 14px;
/*  font-family: "montserrat";*/
  text-decoration: none;
  margin: 30px 0;
  border: 2px solid #ff7675;
  padding: 14px 60px;
  text-transform: uppercase;
  overflow: hidden;
  transition: 1s all ease;
}
.btn-anim-filling::before{
  background: #e59943;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  transition: all 0.6s ease;
}
.btn-anim-filling.st1::before{
  width: 100%;
  height: 0%;
  transform: translate(-50%,-50%) rotate(-45deg);
}
.btn-anim-filling.st1:hover::before{
  height: 380%;
}
#button-login, #button-reset{
	background-color: #67738b;
    border: 1px solid #67738b;
    transition: all 0.3s;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    height: 50px;
    width: 100%;
    border-radius: 1rem;
    color: #fff;
    font-size: 1rem;
    margin: 0;
}
.login-panel .alert-danger{
	position: absolute;
}
#login-input .bx-show, #login-input .bx-hide{
	top: 1.2rem;
    position: absolute;
    font-size: 1.5rem;
    right: 1rem;
    z-index: 2;
	color: #67738b;
}
.table-bordered.invoice-table td{
	padding: 0 0.5rem;
}


.check-container {
  width: 6.25rem;
  height: 7.5rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}
.check-container .check-background {
  width: 100%;
  height: calc(100% - 1.25rem);
  background: linear-gradient(to bottom right, #7d8494, #67738b);
  box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  transform: scale(0.84);
  border-radius: 50%;
  animation: animateContainer 0.75s ease-out forwards 0.75s;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.check-container .check-background svg {
  width: 65%;
  transform: translateY(0.25rem);
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: animateCheck 0.35s forwards 1.25s ease-out;
}
.check-container .check-shadow {
  bottom: calc(-15% - 5px);
  left: 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, #777f92, transparent);
  animation: animateShadow 0.75s ease-out forwards 0.75s;
}

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  43.75% {
    transform: scale(1.15);
    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  62.5% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
  }
  81.25% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
  100% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
}
@keyframes animateCheck {
  from {
    stroke-dashoffset: 80;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animateShadow {
  0% {
    opacity: 0;
    width: 100%;
    height: 15%;
  }
  25% {
    opacity: 0.25;
  }
  43.75% {
    width: 40%;
    height: 7%;
    opacity: 0.35;
  }
  100% {
    width: 85%;
    height: 15%;
    opacity: 0.25;
  }
}

.change-date-block input.form-control{
	width: 100px;
    max-width: 150px;
    text-align: center;
}
.change-date-block .input-group-btn{
	min-width: 1px;
    width: auto;
}
.short-date-info__success{
	padding-left: 2rem;
    color: green;
	display: none;
}
.changes-modal__list--comment{

}
.changes-modal__list--date{
	color: #ff9901;
}
.changes-modal__list{
	color: #444;
	width: 100%;
}
.changes-modal__line{
	border-bottom: 1px solid#e3e1e1;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.changes-modal__line:last-child{
	border-bottom: none;
}
button:focus{
	outline: 1px dotted!important;
}
.btn-primary.focus, .btn-primary:focus{
	box-shadow: 0px 0px 15px 0px rgba(103,115,139,0.3)!important;
}
.btn-primary:focus, .btn-primary.focus{
	color: #67738b;
}
.popup_discount_balance span{
	font-size: 1.5rem;
}
.popup_discount_balance span:last-child{
	font-size: 2rem;
}
.popup_discount_balance{
	background: #fff1ee;
    border-radius: 1rem;
    border: 1px solid#f1aea4;
}
.popup_discount_balance.positive{
	background: #eeffe9;
    border-radius: 1rem;
    border: 1px solid#c8e8be;
}
.accumulative-save-btn{
	position: absolute;
    top: 0;
    z-index: 9999;
    display: flex;
    right: 0;
	align-items: center;
    gap: 0.25rem;
	color: #fff!important;
}
.accumulative-block{

}
.accumulative-block__title{
    width: 50%;
	font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 0;
}
.accumulative-block__value{
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.accumulative-block__value input{
	font-size: 1.4rem;
    padding-right: 6rem;
    width: 200px;
    display: flex;
    text-align: left;
    padding-left: 2rem;
}
.accumulative-block__currency{
	position: absolute;
    bottom: 0.5rem;
    right: 110px;
}
.popup_discount_balance--fline{
	border-bottom: 1px dashed #c8e8be;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.fade{
	transition: opacity .05s linear;
}
.big-preloader__wrapper{
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 2rem;
}
.big-preloader .bx-loader-circle.spinning.fa-spin{
	font-size: 3rem;
    height: 3rem;
    color: #cfcfcf;
}
.content-area.shorter .container-fluid{
/*	padding-left: 0;*/
}
.container-fluid.products-filter-container{
	padding-left: 25px;
}
.container-fluid.actions-filter-container{
	padding-left: 25px;
}
.document-status{
	background: #edfff3;
    padding: 0.5rem 0rem;
    border-radius: 0.6rem;
}
.status-color-1 .document-status{
    border: 1px solid#aae9aa;
}
.status-color-0 .document-status{
	background: #fff9ed;
    border: 1px solid#ffc15c;
    color: #eb9d44;
}

.color-orange .customer-status{
	background: #fff9ed;
    border: 1px solid#ffc15c;
    color: #eb9d44;
    padding: 0.5rem 1rem;
    border-radius: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.color-green .customer-status{
	background: #edfff3;
    padding: 0.5rem 0rem;
    border-radius: 0.6rem;
    display: flex;
    justify-content: center;
    background: #edfff3;
    border: 1px solid#aae9aa;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid#aae9aa;
}
.color-green{
	color:#58a658!important
}
.fs-11rem{
	font-size: 1.1rem;
}
.fs-09rem{
	font-size: 0.9rem;
}
.payment-method-blue{
	color: #06a7fe;
}
.payment-method-orange{
	color: #ffe900;
}
.payment-method-green{
	color: #70de68;
}
.payment-method__wrapper{
	background: #f3f4f7;
    color: #3b455a;
    border-radius: 0.5rem;
    padding: 0.2rem 0.7rem 0.2rem 0.5rem;
    min-width: 1px;
    width: unset;
    max-width: max-content;
}
.color-gray{
	color: #67738b!important;
}
.table-user-line {
    font-weight: 800;
    color: #67738b;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
}
.return-fiscalized{
	position: absolute;
    left: -5px;
}
.return-fiscalized .bx {
    font-size: 18px;
    color: #f29831;
}

.product-list__sku input{
	text-align: center;
}
.product-list__price input{
	text-align: center;
}
.form-control.error{
	border-color: red;
    background: #fff5f5;
}
.inventory-green{
    border-radius: 0.5rem;
    background: #3ac13a12;
    color: #0bb60b;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.inventory-red{
    border-radius: 0.5rem;
    background: #ea2c2c26;
    color: #ea2c2c;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.inventory-normal{
	border-radius: 0.5rem;
    background: #f5f6f8;
    color: #000000;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
/*Preloader*/

/*body {
	background-color: var(--bg);
	color: var(--fg);
	font: 1em/1.5 "DM Sans", sans-serif;
	height: 100vh;
	display: grid;
	place-items: center;
	transition: background-color var(--trans-dur), color var(--trans-dur);
}*/

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.preloader {
    text-align: center;
    width: 100%;
    position: fixed;
    width: 100%;
    height: 100%;
/*    position: absolute;*/
    z-index: 9999;
    top: 0;
    left: 0;
    padding-top: 20%;
    background: rgb(103 115 139 / 40%);
    transition-property: visibility, opacity;
    transition-duration: 0s, 1s;
}
.preloader.preloader-hidden{
	opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 1s, 0s;
    transition-delay: 0s, 1s;
/*	z-index: -1;*/
/*    width: 0;*/
/*    height: 0;*/
}
.preloader__text {
	position: relative;
	height: 1.5em;
	color: #fff;
	font-size: 1.5rem;
}
.preloader__msg {
	animation: msg 0.3s 4.7s linear forwards;
	position: absolute;
	width: 100%;
	color: #fff;
}
.preloader__msg--last {
	animation-direction: reverse;
	animation-delay: 5s;
	visibility: hidden;
}
.cart {
	display: block;
	margin: 0 auto 1.5em auto;
	width: 8em;
	height: 8em;
}
.cart__lines,
.cart__top,
.cart__wheel1,
.cart__wheel2,
.cart__wheel-stroke {
	animation: cartLines 2s ease-in-out infinite;
}
.cart__lines {
	stroke: #eb9d44;
}
.cart__top {
	animation-name: cartTop;
}
.cart__wheel1 {
	animation-name: cartWheel1;
	transform: rotate(-0.25turn);
	transform-origin: 43px 111px;
}
.cart__wheel2 {
	animation-name: cartWheel2;
	transform: rotate(0.25turn);
	transform-origin: 102px 111px;
}
.cart__wheel-stroke {
	animation-name: cartWheelStroke;
}
.cart__track {
	stroke: hsla(var(--hue), 10%, 10%, 0.1);
	transition: stroke var(--trans-dur);
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: hsl(var(--hue), 10%, 10%);
		--fg: hsl(var(--hue), 10%, 90%);
	}
	.cart__track {
		stroke: #fff;
	}
}

/* Animations */
@keyframes msg {
	from {
		opacity: 1;
		visibility: visible;
	}
	99.9% {
		opacity: 0;
		visibility: visible;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes cartLines {
	from,
	to {
		opacity: 0;
	}
	8%,
	92% {
		opacity: 1;
	}
}
@keyframes cartTop {
	from {
		stroke-dashoffset: -338;
	}
	50% {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 338;
	}
}
@keyframes cartWheel1 {
	from {
		transform: rotate(-0.25turn);
	}
	to {
		transform: rotate(2.75turn);
	}
}
@keyframes cartWheel2 {
	from {
		transform: rotate(0.25turn);
	}
	to {
		transform: rotate(3.25turn);
	}
}
@keyframes cartWheelStroke {
	from,
	to {
		stroke-dashoffset: 81.68;
	}
	50% {
		stroke-dashoffset: 40.84;
	}
}

/*Preloader end*/
.popup_rest__bonuses{
	display: flex;
}
#input-received-bonuses{
	font-size: 30px;
    color: #383838;
    text-align: center;
    line-height: 35px;
    border: none;
    box-shadow: none;
    border: 2px solid#eb9d44;
    padding: 5px;
    background: #fff;
}
.integrations-wrapper{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
.integrations__item{
    min-height: 300px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    box-shadow: unset;
    min-width: 1px;
    padding: 0.5rem;
}
.integrations__item--content{
    background: rgb(242 244 247 / 90%);
    border-radius: 1rem;
    padding: 1.25rem 3rem;
    width: 100%;
}
.integrations__item--name{
    font-size: 2rem;
    line-height: 1.5rem;
    color: #66728b;
    height: auto;
    margin-bottom: 1rem;
}
.integrations__item--btn{

}
.integrations__item--btn a{
	    border: 1px solid #d3d8e3;
    color: #66728b;
    border-radius: 1rem;
}
.ncard{

}
.ncard1{

}
.ncard-wrapper{
    padding: 0px;
    border: none;
    border-radius: 1.5rem;
    background: #fff;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.ncard__row{
	position: relative;
}
.ncard-label{
	font-size: 1.3rem;
    position: absolute;
    top: -12px;
    background: #fff;
    height: 15px;
    padding: 0 1rem;
    font-family: 'Oktah';
    font-style: italic;
    font-weight: 400;
    color: #67738b;
}
.ncard-value input, .ncard-value select{
	font-size: 1.5rem;
    height: 4rem;
    padding-top: 1rem;
    border-radius: 1rem;
    border: 1px solid #adadad;
}
.ncard.ncard23 {
    display: grid;
    grid-template-columns: 2fr 3fr;
}
.ncard.ncard13 {
    display: grid;
    grid-template-columns: 1fr 3fr;
}
.combined-diff{
	display: none;
	width: 20%;
	font-size: 2rem;
    line-height: 4rem;
	color: #000;
}
.combined-diff.negative{
	color: #f53636;
}
.combined-diff.positive{
	color: #63c844;
}
.modal-footer .checkout-button.disallowed{
	width: 100%;
    position: relative;
    display: flex;
	gap: 2rem;
}
.modal-footer.withdiff{
	display: flex;
    justify-content: center;
    flex-direction: column-reverse;
}
#title_customer_top .store_name{
	font-size: 20px;
/*    border: 1px solid #67738b;*/
    border-radius: 1rem;
    width: auto;
    padding: 0.5rem 1rem 0.2rem 1rem;
    margin-left: 1rem;
    color: #67738b;
    background: #f3f4f7;
    text-transform: uppercase;
}
.add-discount-btn, .add-customer-btn{
	display: flex;
    justify-content: end;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0.25rem;
    color: #67738b!important;
    font-size: 1.2rem;
	cursor: pointer;
  	transition: all 0.6s ease;
}
.add-discount-btn:hover, .add-customer-btn:hover{
	color: #eb9d44!important;
  	transition: all 0.6s ease;
}
.order_price-column span{
    font-size: 1rem;
}
.order_price-column{
	letter-spacing: 1px;
/*	display: flex;
    flex-direction: column;
    align-items: center;*/
}
.vertical-top{
	vertical-align: text-top!important;
}
.fs-15{
	font-size: 1.5rem;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{
	line-height: 1;
}
.input-group-discount{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.input-group-discount .form-control{
	width: 70%;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
}
.input-group-discount__options{

}
.input-group-discount__option{

}
.vertical-middle{
	vertical-align: middle!important;
}
.order-discount-popup__table tfoot tr td{
	    border-bottom: none;
}
.disc-list-popup-buttons .btn {
    border-radius: 1rem;
    border: 1px solid #d6d6d6;
    padding: .75rem 3rem;
}

.order-discount-popup__table tfoot tr td{
	background: #f0f3f9;
	text-transform: uppercase;
	border-color: #fff;
	font-weight: 900;
    color: #67738b;
    font-size: 1.15rem;
}
.order-discount-popup__table tfoot tr td:first-child{
	border-radius: 1rem 0rem 0rem 1rem;
}
.order-discount-popup__table tfoot tr td:last-child{
	border-radius: 0rem 1rem 1rem 0rem;
}
.modal-header{
	    border-bottom: none;
    padding-top: 0;
}
.checkout-comment{
	margin-top: 1rem;
}
.checkout-comment__expl{
	color: #444;
}


#menu-notification .bx-bell {
  display: inline-block;
  animation: 3s bell-vibrate ease-in-out infinite;
}

@keyframes bell-vibrate {
  0% { transform: rotate(0); }
  4% { transform: rotate(8deg); }
  8% { transform: rotate(-8deg); }
  12% { transform: rotate(8deg); }
  16% { transform: rotate(-8deg); }
  20% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.side_panel__actions .checkout-button{
	margin-top: 1rem;
}
.btn-gray.selected{
	background: #67738b;
    color: #fff!important;
}
.search-customer-popup{
	font-size: 2rem;
    height: 4rem;
    margin-bottom: 1rem;
    width: auto;
    display: flex;
}
.customer-content__search{
	display: flex;
	justify-content: center;
}
.line-through{
	text-decoration: line-through;
}
.price-wdiscount{
	color: green;
    font-weight: 800;
}
.prod_list_available{
	color: #3d4451;
    background: #f3f4f7;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    font-size: 1rem;
    margin-right: 1rem;
}
.h-20{
	height: 20px;
}
.text-error{
	color: #dc3545!important;
}
.h-25{
	height: 25px;
}
.bradius-05{
	border-radius: 0.5rem;
}
.provide-payment__inputs{
	
}
.provide-payment__wrapper__whole{
    text-align: center;
    color: #67738b !important;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
}
.input-label{
	font-size: 1.1rem;
    position: absolute;
	top: 5px;
    background: #fff;
    height: 15px;
    padding: 0;
    font-family: 'Oktah';
    font-style: italic;
    font-weight: 400;
    color: #67738b;
}
.linetype-0 td.amount-col{
    color: #dc3545 !important;
}
.linetype-1 td.amount-col{
    color: #eb9d44 !important;
}
.linetype-2 td.amount-col{
    color: #29a745 !important;
}
.qr-code-placeholder{
	width: 150px; /* Set the width of the QR code */
    height: 150px; /* Set the height of the QR code */
    border: 2px dashed #ccc; /* Dashed border to indicate a placeholder */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f9f9f9; /* Light background for contrast */
    border-radius: 8px; /* Optional: Rounded corners */
    font-size: 14px;
    font-weight: bold;
    color: #888;
    margin: 20px auto; /* Center horizontally if used in a container */
}
.transaction-section{
	background: #ebeef2;
    border-radius: 1.5rem;
    padding: 2rem;
    padding-top: 3rem;
    margin: 0 2rem;
}
.transaction-section__wrapper{
	grid-template-columns: 1fr 5fr;
    display: grid !important;
    gap: 2rem;
}
.transaction-section__wrapper--amount{
    text-align: center;
    font-size: 2rem;
    height: 4rem;
    padding-top: 1rem;
}
.transaction-section__wrapper--desc{
	height: 4rem;
}
.tab-customer__balance{
	background: #ebeef2;
}
.tab-customer__wrapper{
	border-bottom: 1px solid #ebeef2;
    margin-bottom: 2rem;
    padding-bottom: 2rem !important;
}
.product-finder__filter{
	justify-content: space-between;
	align-items: end;
}
.product-finder__filter .form-group{
	width: 100%;
	padding-bottom: 0;
	padding-top: 0;
}
.product-finder__filter button{
	width: 20%!important;
	height: 3rem;
}
.hg-button {
  font-size: 1.5rem;
  padding: 10px;
}
.hg-lang-switch {
  background-color: #007bff;
  color: white;
  border-radius: 5px;
}
.hg-backspace {
  background-color: #dc3545;
  color: white;
  border-radius: 5px;
}
.simple-keyboard {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #f4f4f4;
  border-top: 1px solid #ccc;
}
.simple-keyboard .hg-button {
  font-size: 1.5rem;
  padding: 10px;
}
.simple-keyboard.hg-theme-default{
	width: calc(100% - 100px);
}
.keyboard-container{
	
}
.shift-clock__title{
	cursor: pointer;
}
.shift-middle-info{
	padding: 0;
	border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #edeff5;
}
.shift-middle-info__line{
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.5rem;
/*    border-bottom: 1px solid #eceef2;*/
    padding-top: 0.75rem;
	padding-left: 1rem;
    padding-right: 1rem;
}
.shift-middle-info__left{
	margin-bottom: 0;
}
.shift-middle-info__right{
	margin-bottom: 0;
}
.shift-bottom-info{
    background: #ebeef2;
    border-radius: 1rem;
    padding: 1rem;
	margin-bottom: 1rem;
    margin-top: 1rem;
}
.shift-bottom-info__line{
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.shift-bottom-info__left{
	margin-bottom: 0;
}
.shift-bottom-info__right{
	margin-bottom: 0;
}
.shift-middle-info__line:nth-child(odd) {
  background-color: #eceef2; 
}

.shift-middle-info__line:last-child {
  border-bottom: none; 
}
.content-dashboard .shift-middle-info__line{
    padding-bottom: 0.75rem;
    padding-top: 1rem;
}
