@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?fhkouq");
	src: url("../fonts/icomoon.eot?fhkouq#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?fhkouq") format("truetype"), url("../fonts/icomoon.woff?fhkouq") format("woff"), url("../fonts/icomoon.svg?fhkouq#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-add-comment:before {
	content: "\e900";
}

.icon-angle-arrow-down:before {
	content: "\e901";
}

.icon-angle-arrow-left:before {
	content: "\e902";
}

.icon-angle-arrow-right:before {
	content: "\e903";
}

.icon-angle-arrow-up:before {
	content: "\e904";
}

.icon-barcode:before {
	content: "\e905";
}

.icon-calculator:before {
	content: "\e906";
}

.icon-close:before {
	content: "\e907";
}

.icon-delete:before {
	content: "\e908";
}

.icon-file:before {
	content: "\e909";
}

.icon-full-size:before {
	content: "\e90a";
}

.icon-go-back-arrow:before {
	content: "\e90b";
}

.icon-info-tooltip:before {
	content: "\e90c";
}

.icon-info:before {
	content: "\e90d";
}

.icon-location:before {
	content: "\e90e";
}

.icon-minus-thin:before {
	content: "\e90f";
}

.icon-minus:before {
	content: "\e910";
}

.icon-pause:before {
	content: "\e911";
}

.icon-pencil:before {
	content: "\e912";
}

.icon-phone:before {
	content: "\e913";
}

.icon-plus-thin:before {
	content: "\e914";
}

.icon-plus:before {
	content: "\e915";
}

.icon-printer:before {
	content: "\e916";
}

.icon-user:before {
	content: "\e917";
}

.icon-businessman:before {
	content: "\e918";
}

.icon-calendar:before {
	content: "\e919";
}

.icon-clock-timer:before {
	content: "\e91a";
}

.icon-pause-alt:before {
	content: "\e91b";
}

.icon-play-alt:before {
	content: "\e91c";
}

.icon-arrow-left:before {
	content: "\e91d";
}

.rtl .icon-arrow-left:before {
	content: "\e91e";
}

.icon-eye:before {
	content: "\e920";
}

.icon-search:before {
	content: "\e921";
}

.icon-download:before {
	content: "\e91f";
}

.input_inline {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.input_inline input,
.input_inline span {
	width: 50%;
}

.bg-manufacturing {
	background-color: #ff851b;
}

.img-thumbnail {
	position: relative;
	width: 70px;
	height: 70px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	padding: 4px;
	margin: 3px;
	text-align: center;
}

.img-thumbnail > .badge {
	position: absolute;
	top: -5px;
	right: -7px;
	font-size: 9px;
	font-weight: 400;
	cursor: pointer;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu {
	max-height: 350px;
}

.bg-aqua-lite {
	background-color: #7fffd4;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
	white-space: normal;
}

.spacer {
	margin-top: 20px;
}

#product_list_body,
.product_list_body {
	max-height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.div-overlay {
	cursor: not-allowed;
	background: #e9e9e9;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .5;
}

.d-inline-table {
	display: inline-table;
}

.label-round {
	font-size: 8px;
	border-radius: 44%;
}

.table > tbody + tbody {
	border-top: 0;
}

.table-pl-12 td,
.table-pl-12 th {
	padding-left: 12px !important;
}

table tbody td.pl-20-td {
	padding-left: 20px !important;
}

table.table-border-center > tbody > tr > td:first-child,
table.table-border-center > thead > tr > th:first-child,
table.table-border-center > tfoot > tr > td:first-child {
	border-right: 1px solid darkgray;
}

table.table-border-center-col > tbody > tr > td:nth-child(2),
table.table-border-center-col > thead > tr > th:nth-child(2),
table.table-border-center-col > tfoot > tr > td:nth-child(2) {
	border-right: 1px solid darkgray;
	border-left: 1px solid darkgray;
}

.bg-transparent {
	background-color: transparent !important;
}

.mb-0 {
	margin-bottom: 0;
}

.nav-tabs > li > a {
	font-size: 18px;
	font-weight: 600;
}

.table-transparent,
.table-transparent th {
	background-color: transparent !important;
	color: #000 !important;
}

.td-full-width {
	white-space: nowrap;
}

.font-17 {
	font-size: 17px !important;
}

table.dataTable tbody > tr.selected {
	background-color: #b0bed9;
}

tr.footer-total > td {
	vertical-align: middle !important;
}

.error {
	color: red !important;
}

/*  pos tab */

div.pos-tab-container {
	z-index: 10;
	background-color: #fff;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ddd;
	margin-bottom: 28px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
}

div.pos-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

div.pos-tab-menu div.list-group {
	margin-bottom: 0;
}

div.pos-tab-menu div.list-group > a {
	margin-bottom: 0;
}

div.pos-tab-menu div.list-group > a .glyphicon,
div.pos-tab-menu div.list-group > a .fa {
	color: #5a55a3;
}

div.pos-tab-menu div.list-group > a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

div.pos-tab-menu div.list-group > a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}

div.pos-tab-menu div.list-group > a.active,
div.pos-tab-menu div.list-group > a.active .glyphicon,
div.pos-tab-menu div.list-group > a.active .fa {
	background-color: #3c8dbc;
	color: #fff;
	border-color: #3c8dbc;
}

div.pos-tab-menu div.list-group > a.active:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 10px solid #3c8dbc;
}

div.pos-tab-content {
	background-color: #fff; /* border: 1px solid #eeeeee; */
	padding-left: 20px;
	padding-top: 20px;
}

div.pos-tab div.pos-tab-content:not(.active) {
	display: none;
}

.add-product-price-table th {
	background-color: #5cb85c;
	color: white;
}

.blue-header th {
	background-color: #3c8dbc;
	color: white;
}

.table-th-green th {
	background-color: #5cb85c;
	color: white;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.active-cell {
	border: 2px dotted #3c8dbc !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.pos_product_div {
	min-height: 56vh;
	max-height: 56vh;
	overflow-y: auto;
	margin-bottom: 20px;
}

.bg-lightgray {
	background-color: #f0eded !important;
}

.balance_due_box > li {
	padding: 11px 5px 0 5px;
}

.option-div {
	padding: 15px;
	background-color: #d2d6de;
	color: #333;
	border: 1px solid #d2d6de;
	cursor: pointer;
}

.option-div input[type="radio"] {
	display: none;
}

.option-div-group .icon {
	color: #d33724;
	display: none;
}

.option-div-group .option-div:hover {
	border: 1px solid gray;
}

.option-div-group .active .icon {
	display: block;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-bottom-12 {
	margin-bottom: 12px;
}

.bg-info {
	background-color: #00c0ef !important;
}

.bg-info > a {
	color: #fff !important;
}

.bg-info > a:hover {
	background-color: #337ab7 !important;
}

ul.dt-button-collection {
	background-color: #00c0ef;
}

td.details-control {
	background: url("/img/details_open.png") no-repeat center center;
	cursor: pointer;
}

tr.details td.details-control {
	background: url("/img/details_close.png") no-repeat center center;
}

.icheckbox_square-blue,
.iradio_square-blue {
	margin-right: 5px;
}

.header-right-div {
	right: 10px;
	float: right;
	position: absolute;
	top: 15px;
}

.header-left-div {
	margin-top: 15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.m-8 {
	margin: 8px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.m-5 {
	margin: 5px;
}

.icon-link {
	text-align: center;
	display: block;
	margin-bottom: 18px;
}

.icon-link > a {
	display: -ms-grid;
	display: grid;
}

.icon-link > .badge {
	position: absolute;
	top: 20px;
	right: 67px;
}

.link-des {
	display: inline-block;
	text-align: left;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
	border: none;
	height: auto;
	width: 100%;
	max-height: 120px;
}

.bg-light-green {
	background-color: #98d973 !important;
	color: #fff !important;
}

.hover-q {
	font-size: 16px;
	margin-left: 3px;
	cursor: help;
}

.input-group-addon .hover-q {
	margin-left: 0;
}

.text-bold {
	font-weight: bold;
}

.tour .popover-content {
	padding: 18px 14px;
}

.table-slim > tbody > tr > td,
.table-slim > tbody > tr > th,
.table-slim > tfoot > tr > td,
.table-slim > tfoot > tr > th,
.table-slim > thead > tr > td,
.table-slim > thead > tr > th {
	padding: 1px;
}

.product_cell {
	height: 100px;
	padding: 1%;
}

.product_cell_div {
	height: 100% !important;
	width: 100% !important;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	cursor: pointer;
	overflow: hidden;
}

/*CSS to print receipts*/

.print_section {
	display: none;
}

.input-number .btn-default {
	background-color: white;
	padding: 6px 9px;
}

.width-50 {
	width: 50% !important;
}

.width-40 {
	width: 40% !important;
}

.width-60 {
	width: 60% !important;
}

.width-100 {
	width: 100% !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-23 {
	font-size: 23px !important;
}

.padding-5 {
	padding: 5px !important;
}

.padding-10 {
	padding: 10px !important;
}


.text-muted-imp {
	color: #a3a3a3 !important;
}

.table-no-top-cell-border td {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.table-no-top-cell-border th {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.table-no-side-cell-border td {
	border-left: 0 !important;
	border-right: 0 !important;
}

.table-no-side-cell-border th {
	border-left: 0 !important;
	border-right: 0 !important;
}

.color-555 {
	color: #555 !important;
}

.color-555 * {
	color: #555 !important;
}

.color-white {
	color: white !important;
}

.col-no-padding {
	padding-left: 0;
	padding-right: 0;
}

.col-2px-padding {
	padding: 2px;
}

/* .pos-express-btn{
    font-size: 23px !important;
    overflow: hidden !important;
    height: 73px !important;
    white-space: normal;
} */

.word-wrap {
	word-wrap: break-word !important;
}

.modal-xl {
	width: 90%; /* respsonsive width */
	margin-left: auto !important;
	margin-right: auto !important;
}

table.ajax_view tbody tr {
	cursor: pointer;
}

.bg-white {
	background-color: #fff;
}

.product-thumbnail-small {
	height: 50px;
	width: 50px;
}

table.table-text-center td,
table.table-text-center th {
	vertical-align: middle !important;
}

.product_list {
	padding-left: 5px;
	padding-right: 5px;
}

.eq-height-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.eq-height-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.small-box.bg-gray:hover {
	color: #000;
	text-decoration: none;
}

#calendar table tbody td {
	cursor: pointer;
}

.min-height-90hv {
	min-height: 90vh !important;
}

/* Grow Shadow */

.hvr-grow-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow, transform;
	-webkit-transition-property: box-shadow, -webkit-transform;
	transition-property: box-shadow, -webkit-transform;
	transition-property: box-shadow, transform;
	transition-property: box-shadow, transform, -webkit-transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.text-link {
	cursor: pointer;
}

.text-link:hover {
	text-decoration: underline;
}

.v-center {
	vertical-align: middle !important;
}

.bg-woocommerce {
	background-color: #9e458b !important;
}

.sidebar-menu li > a > .fa-angle-left:before,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left:before {
	content: "\f105";
}

.skin-black-light .sidebar-menu > li.bg-woocommerce > a:not(:hover) {
	color: #fff;
}

.red-bg,
.red-bg div.content-wrapper,
.red-bg header.main-header a.logo,
.red-bg header.main-header nav.navbar {
	background: #e6c9c5;
}

.pace .pace-progress {
	background: #00a65a;
}

.contact_modal .modal-content {
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
}

.contact_modal .modal-header {
	border: none;
	background: #f9f9f9;
	position: relative;
	padding: 12px 20px;
}

.contact_modal .modal-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	color: #34434c;
}

.contact_modal .close {
	opacity: 1;
	width: 29px;
	height: 29px;
	background: #f5f5f5;
	border-radius: 50%;
	font-size: 13px;
	line-height: 1;
	color: #34434c;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	right: 14px;
}

.contact_modal .close:hover {
	background: #34434c;
	color: #fff;
}

.contact_modal .modal-body {
	padding: 12px 20px;
}

.contact_modal .row {
	margin-left: -11px;
	margin-right: -11px;
}

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

.contact_modal .form-control {
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	height: 36px;
	font-size: 14px;
	line-height: 20px;
	padding: 7px 12px;
	color: #4f4f4e;
}

.contact_modal .form-control::-webkit-input-placeholder {
	color: #4f4f4e;
}

.contact_modal .form-control::-moz-placeholder {
	opacity: 1;
	color: #4f4f4e;
}

.contact_modal .form-control:-moz-placeholder {
	color: #4f4f4e;
}

.contact_modal .form-control:-ms-input-placeholder {
	color: #4f4f4e;
}

.contact_modal .form-control.placeholder {
	color: #4f4f4e;
}

.contact_modal .input-group .input-group-addon {
	border-color: #d9d9d9;
	background: #f9f9f9;
}

.contact_modal .input-group-addon:first-child {
	border-radius: 3px 0 0 3px;
}

.rtl .contact_modal .input-group-addon:first-child {
	border-radius: 0 3px 3px 0;
}

.contact_modal .input-group .form-control:last-child {
	border-radius: 0 3px 3px 0;
}

.rtl .contact_modal .input-group .form-control:last-child {
	border-radius: 3px 0 0 3px;
}

.contact_modal .modal-footer {
	padding: 0;
	text-align: center;
	border: none;
	padding: 0 0 34px;
}

.contact_modal .modal-footer .btn-primary {
	vertical-align: top;
	font-size: 16px;
	line-height: 1.25;
	background: #44bdca;
	border-radius: 3px;
	border-color: #44bdca;
	padding: 14px;
	width: 100%;
	padding: 7px;
	-webkit-transition: .25s ease-in-out background, .25s ease-in-out color, .25s ease-in-out border;
	transition: .25s ease-in-out background, .25s ease-in-out color, .25s ease-in-out border;
}

.contact_modal .modal-footer .btn-primary:hover {
	border-color: #44bdca;
	color: #44bdca;
	background: #fff;
}

.invoice-container {
	max-width: 750px;
	margin: 0 auto;
}

.custom_products_wrap .col-sm-4 {
	margin-left: 10px;
}

.custom_products_wrap .col-sm-4 .list-group-item {
	border-left: 5px solid #d3d3d3;
	margin-bottom: 10px;
}

.autocomplete_box_wrap {
	max-height: 200px;
	overflow-y: auto;
	z-index:9999;
}

.autocomplete_box_wrap li {
	cursor: pointer;
}

.autocomplete_box_wrap li:hover {
	background-color: #dedede;
}

.customized-widget-image-container {
	width: 100%;
	border: 1px solid darkgray;
	padding: 15px 15px;
	width: 150px;
	height: 150px;
	position: relative;
}

.customized-widget-image-container .delete_widget_image {
	position: absolute;
	top: -11px;
	right: -6px;
}

.customized-widget-image-container img {
	max-width: 100%;
	max-height: 100%;
}

.autocomplete_box_wraper {
	position: relative;
}

.autocomplete_box_wraper .autocomplete_box_wrap {
	position: absolute;
	width: 100%;
}

.clear20 {
	clear: both;
	height: 20px;
}

.clear10 {
	clear: both;
	height: 10px;
}

.clear {
	clear: both;
	height: 10px;
} 

.color-red {
	color: #f00;
}

#pos_overlay {
	background: #fff;
	color: #666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
	opacity: .1;
}

#overlay {
	background: #fff;
	color: #666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
	opacity: .80;
}

#overlay .spinner {
	margin: 0 auto;
	height: 64px;
	width: 64px;
	-webkit-animation: rotate .8s infinite linear;
	animation: rotate .8s infinite linear;
	border: 5px solid firebrick;
	border-right-color: transparent;
	border-radius: 50%;
}

.box-body .table-responsive {
	min-height: 380px;
}

.box-body .pos_product_div .table-responsive {
	min-height: 0;
}

/* pos cart table */

#pos_table {
	width: 100%;
}

#pos_table thead tr th,
#pos_table thead tr td {
	font-size: 12px;
	line-height: 1.25;
	font-weight: 700;
	color: #353535;
	border: 1px solid #d9d9d9;
	border-width: 1px 0;
	padding: 8px 5px;
}

#pos_table thead tr th .hover-q,
#pos_table thead tr td .hover-q {
	font-size: 1em;
}

#pos_table thead tr th:first-child,
#pos_table thead tr td:first-child {
	border-right-width: 1px;
	padding-right: 16px;
	width: 40%;
}

#pos_table thead tr th:nth-child(2),
#pos_table thead tr td:nth-child(2) {
	width: 130px;
}

#pos_table thead tr th:nth-child(3),
#pos_table thead tr td:nth-child(3) {
	width: calc(60% - 306px);
}

#pos_table thead tr th:nth-child(4),
#pos_table thead tr td:nth-child(4) {
	width: 120px;
}

#pos_table thead tr th:last-child,
#pos_table thead tr td:last-child {
	border-left-width: 1px;
	padding-left: 0;
	padding-right: 0;
	width: 56px;
	max-width: 56px;
	min-width: 56px;
}

#pos_table tbody tr {
	position: relative;
}

#pos_table tbody tr td {
	padding: 2px 6px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1.3846;
	color: #353535;
	border: none;
	border-bottom: 1px solid #f5f5f5;
}

#pos_table tbody tr td:first-child {
	border-right: 1px solid #f5f5f5;
	padding-right: 16px;
	position: relative;
}

#pos_table tbody tr td:last-child {
	border-left: 1px solid #f5f5f5;
	padding-left: 16px;
}

#pos_table tbody tr td.subtotal {
	/* padding-top: 22px; */
	text-align: center;
}

#pos_table tbody span.product-title {
	display: inline-block;
	width: calc(100% - 42px);
}

#pos_table tbody .icon-add-comment {
	color: #353535;
	font-size: 16px;
	line-height: 1;
	vertical-align: sub;
}

#pos_table tbody .add-gift-card-number {
	color: #353535;
	font-size: 15px;
	line-height: 1;
	vertical-align: initial;
}

#pos_table tbody .icon-add-comment:hover, #pos_table tbody .add-gift-card-number:hover {
	color: #44bdca;
}

#pos_table tbody .icon-pencil:hover {
	color: #44bdca;
}

#pos_table tbody .display_currency {
	color: #353535;
	font-size: 13px;
}

#pos_table tbody del.display_currency {
	color: rgba(61, 61, 60, .3);
}

#pos_table tbody .input-group.input-number .form-control {
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	border-color: #d9d9d9;
	height: 28px;
	font-size: 12px;
}

#pos_table tbody .input-group.input-number .btn.btn-default {
	padding: 3px 6px;
	width: 28px;
	text-align: center;
	height: 28px;
}

.rtl #pos_table tbody .input-group.input-number .input-group-btn:first-child > .btn {
	margin-left: -1px;
}

#pos_table tbody .input-group.input-number .input-group-btn .btn {
	border-color: #d9d9d9;
	color: #353535;
}

#pos_table tbody .input-group.input-number .input-group-btn .btn .text-success {
	color: #353535;
}

#pos_table tfoot .pos_subtotal {
	background: #f2f2f2;
}

#pos_table tbody .icon-close {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	background: #f5f5f5;
	border-radius: 50%;
	font-size: 9px;
	line-height: 1;
	color: #cd4041;
	padding: 1px 0 0;
	margin: 0 auto;
}

#pos_table tbody .icon-close:hover {
	background: #cd4041;
	color: #fff;
}

/* payment option */

.choose-payment-box .payment-option-row {
	padding-top: 10px;
}

.payment-option-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 22px;
}

.payment-option-row .option-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 7px 10px;
}

.payment-option-row .option-item label {
	position: relative;
	display: block;
}

.payment-option-row .option-item label input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.payment-option-row .option-item label input[type="radio"]:checked ~ .payment-name {
	background: #44bdca;
	border: 1px solid #44bdca;
	color: #fff;
}

.payment-option-row .option-item label .payment-name {
	display: block;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	height: 62px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	line-height: 1.5;
	color: #353535;
	text-align: center;
	clip: auto;
	-webkit-transition: .2s ease-in-out background, .2s ease-in-out border, .2s ease-in-out color;
	transition: .2s ease-in-out background, .2s ease-in-out border, .2s ease-in-out color;
}

.payment-option-row .option-item label .payment-name:hover {
	background: #44bdca;
	border: 1px solid #44bdca;
	color: #fff;
}

.ajax_css_loader {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	background: rgba(255, 255, 255, .7);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: .4s ease-in-out opacity, .4s ease-in-out visibility;
	transition: .4s ease-in-out opacity, .4s ease-in-out visibility;
	opacity: 0;
	visibility: hidden;
}

.ajax-loader .ajax_css_loader {
	opacity: 1;
	visibility: visible;
}

.css-loader {
	color: #ef1f68;
	font-size: 60px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

.monthly-summary-box .summary-body dl,
.hour-report-section .report-table tbody .time-detail-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.worker-content-wrapper {
	padding: 30px 15px;
}

.worker-content-wrapper .admin-add-btn button {
	width: unset;
	min-width: 60px;
	margin-bottom: 10px;
}

.worker-content-wrapper h1 {
	color: #485662;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 700;
	margin: 0 0 .91666667em;
}

.timer-banner {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	border-radius: 3px;
	position: relative;
	margin: 0 0 27px;
}

.timer-banner .timer-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-bottom: 1px solid #d9d9d9;
	padding: 8px 14px;
}

.timer-banner .timer-header .date {
	font-weight: 700;
	color: #454545;
	font-size: 16px;
	line-height: 1.25;
}

.timer-banner .timer-header .day {
	font-size: 14px;
	line-height: 1.25;
	color: #44bdca;
	font-weight: 700;
	margin: 10px 0;
}

.timer-banner .timer-header .btn, .admin-add-btn .btn {
	background: #34434c;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
	border-color: #34434c;
	color: #fff;
	min-width: 168px;
}

.timer-banner .timer-header .btn:hover, .admin-add-btn .btn:hover {
	background: #44bdca;
	border-color: #44bdca;
	color: #fff;
}

.timer-banner .timer-body {
	padding: 30px 0 0;
}

.timer-banner .timer-text-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	height: 42px;
	margin: 0 0 17px;
}

.timer-banner .timer-text-box .info {
	font-size: 16px;
	line-height: 1.5;
	color: #34434c;
	font-weight: 700;
}

.timer-banner .timer-text-box .info strong {
	font-weight: 800;
}

.timerRunning .timer-banner .timer-text-box .info,
.timerStopped .timer-banner .timer-text-box .info {
	display: none;
}

.timer-banner .timer-text-box .timer-clock {
	display: none;
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .07894737em;
	color: #34434c;
}

.timerRunning .timer-banner .timer-text-box .timer-clock,
.timerStopped .timer-banner .timer-text-box .timer-clock {
	display: block;
}

.timer-banner .btns-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 6px 8px 14px;
	margin-bottom: 30px;
}

.timerRunning .timer-banner .btns-wrap {
	background: url(../images/stars.svg) 50% 0/auto 100% no-repeat;
}

.timer-banner .btns-wrap button {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	background: none;
	color: #44bdca;
	font-size: 55px;
}

.timerRunning .timer-banner .btns-wrap .startButton {
	display: none;
}

.timer-banner .btns-wrap .pauseButton {
	display: none;
}

.timerRunning .timer-banner .btns-wrap .pauseButton {
	display: block;
}

.timer-banner .bottom-image {
	margin: 0 -40px;
}

.timer-banner .bottom-image img {
	width: 100%;
}

.timer-banner .rocket {
	position: absolute;
	bottom: 0;
	right: 50%;
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0);
	width: 80px;
	-webkit-transition: .5s ease-in-out bottom, .5s ease-in-out transform;
	transition: .5s ease-in-out bottom, .5s ease-in-out transform;
}

.timerClicked .timer-banner .rocket {
	bottom: 100%;
}

.timer-banner .rocket img {
	width: 100%;
}

.monthly-summary-box {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	border-radius: 3px;
	position: relative;
	margin: 0 0 27px;
}

.monthly-summary-box .summary-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-bottom: 1px solid #d9d9d9;
	padding: 8px 16px;
}

.monthly-summary-box .summary-header h2 {
	font-size: 16px;
	line-height: 1.5;
	color: #44bdca;
	font-weight: 800;
}

.monthly-summary-box .summary-header .btn {
	font-size: 14px;
	line-height: 1.5;
	color: #34434c;
	font-weight: 400;
	border-radius: 2px;
	border: 1px solid #d9d9d9;
	min-width: 110px;
}

.monthly-summary-box .summary-header .btn:hover {
	border-color: #44bdca;
	background: #44bdca;
	color: #fff;
}

.monthly-summary-box .summary-body {
	padding: 20px 16px;
}

.monthly-summary-box .summary-body dl {
	color: #34434c;
	font-size: 16px;
	line-height: 1.5;
}

.monthly-summary-box .summary-body dl > dd,
.monthly-summary-box .summary-body dl > dt {
	padding: 8px 0;
	margin: 0;
}

.monthly-summary-box .summary-body dl dt {
	color: #000;
	font-weight: 700;
	margin-right: 2px;
	float: left;
	clear: left;
}

.rtl .monthly-summary-box .summary-body dl dt {
	float: right;
	clear: right;
}

.rtl .monthly-summary-box .summary-body dl dt {
	margin-right: 0;
	margin-left: 6px;
}

.monthly-summary-box .summary-body dl dd {
	display: block;
	margin: 0;
	overflow: hidden;
}

.hour-report-section .report-header {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.hour-report-section .report-header h2 {
	color: #44bdca;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 10px;
}

.hour-report-section .btn-excel {
	width: 40px;
	height: 35px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
	background: #34434c;
	border-color: #34434c;
	color: #fff;
	font-weight: 700;
	position: relative;
}

.hour-report-section .btn-excel:hover {
	background: #44bdca;
	border-color: #44bdca;
	color: #fff;
}

.hour-report-section .btn-excel img {
	position: absolute;
	height: 21px;
	width: auto;
	top: 6px;
	right: 10px;
}

.rtl .hour-report-section .btn-excel img {
	right: auto;
	left: 10px;
}

.hour-report-section .date-input,
.hour-report-section .select-wrap {
	-ms-flex-preferred-size: 138px;
	flex-basis: 138px;
	max-width: 138px;
	margin: 0 10px 10px 0;
	position: relative;
}

.rtl .hour-report-section .date-input,
.rtl
  .hour-report-section .select-wrap {
	margin-right: 0;
	margin-left: 10px;
}

.hour-report-section .select-wrap .select2-container.select2-container--default {
	min-width: 100%;
	max-width: 100%;
	display: block;
}

.hour-report-section .select-wrap .select2-container.select2-container--default.select2-container--open .select2-selection--single {
	border-radius: 3px 3px 0 0;
}

.hour-report-section .select-wrap .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single {
	height: 35px;
	font-size: 12px;
	line-height: 1.25;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	padding: 0 35px;
	color: #34434c;
}

.hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single:before {
	content: "\e918";
	pointer-events: none;
	height: 33px;
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "icomoon";
	z-index: 3;
	line-height: 1;
	color: #44bdca;
	left: 8px;
	font-size: 19px;
}

.rtl .hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single:before {
	left: auto;
	right: 8px;
}

.hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
	margin: 0;
	line-height: 33px;
	padding: 0;
}

.hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
	pointer-events: none;
	height: 36px;
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #34434c;
	right: 11px;
	padding-top: 1px;
	width: auto;
}

.hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:before {
	content: "\e901";
	font: 10px/1 "icomoon";
}

.rtl .hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: auto;
	left: 11px;
}

.hour-report-section .select-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.hour-report-section .date-input:before,
.hour-report-section .date-input:after {
	pointer-events: none;
	height: 35px;
	position: absolute;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "icomoon";
	z-index: 3;
	line-height: 1;
}

.hour-report-section .date-input:before {
	content: "\e919";
	left: 10px;
	color: #44bdca;
	font-size: 14px;
}

.rtl .hour-report-section .date-input:before {
	left: auto;
	right: 10px;
}

.hour-report-section .date-input:after {
	color: #34434c;
	content: "\e901";
	right: 11px;
	font-size: 10px;
	padding-top: 1px;
}

.rtl .hour-report-section .date-input:after {
	right: auto;
	left: 11px;
}

.hour-report-section .date-input input.form-control {
	height: 35px;
	font-size: 12px;
	line-height: 1.25;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	padding: 9px 35px;
	color: #34434c;
}

.hour-report-section .report-body {
	padding: 11px 0;
}

.hour-report-section .report-table {
	width: 100%;
	display: block;
	text-align: center;
	min-width: 600px;
}

.hour-report-section .report-table tr {
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 4px;
}

.hour-report-section .report-table tr td,
.hour-report-section .report-table tr th {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 4px 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 30px;
}

.hour-report-section .report-table tr td:first-child,
.hour-report-section .report-table tr th:first-child {
	width: 9.821918%;
}

.hour-report-section .report-table tr td:nth-child(2),
.hour-report-section .report-table tr th:nth-child(2) {
	width: 6.136986%;
}

.hour-report-section .report-table tr td:nth-child(3),
.hour-report-section .report-table tr th:nth-child(3) {
	width: 20.136986%!important;
}

.hour-report-section .report-table tr td:nth-child(4),
.hour-report-section .report-table tr th:nth-child(4) {
	width: 12.068493%;
}

.hour-report-section .report-table tr td:nth-child(5),
.hour-report-section .report-table tr th:nth-child(5) {
	width: 13.534247%;
}

.hour-report-section .report-table tr td:nth-child(6),
.hour-report-section .report-table tr th:nth-child(6) {
	width: 15.534247%;
}

.hour-report-section .report-table tr td:last-child,
.hour-report-section .report-table tr th:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.hour-report-section .report-table thead {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
	color: #34434c;
}

.hour-report-section .report-table thead th {
	min-height: 40px;
}

.hour-report-section .report-table tbody {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	color: #353535;
}

.hour-report-section .report-table tbody tr {
	margin-bottom: 5px;
}

.hour-report-section .report-table tbody .hour-time span {
	font-size: 8px;
	color: #34434c;
}

.hour-report-section .report-table tbody .time-detail-list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 2px 0;
}

.hour-report-section .report-table tbody .time-detail-list > li strong {
	color: #44bdca;
}

.hour-report-section .report-table tbody .time-detail-list > li .detail-data {
	padding: 0 5px;
}

.hour-report-section .report-table tbody .time-detail-list > li .detail-data .time-edit-btn{
	margin: 0px 5px;	
	cursor: pointer;
}

.hour-report-section .report-table tbody .overtime {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hour-report-section .report-table tbody .overtime .over-hour {
	padding: 0 4px;
	direction: ltr;
}

.hour-report-section .report-table tbody .overtime span {
	font-size: 8px;
}

.timepicker-popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background: rgba(39, 51, 56, .51);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s ease opacity, .4s ease visibility;
	transition: .4s ease opacity, .4s ease visibility;
}

.timepicker_active .timepicker-popup {
	opacity: 1;
	visibility: visible;
}

.timepicker-popup .popup-wrap {
	position: relative;
	max-width: 312px;
	margin: 35px auto;
	background: #fff;
	border-radius: 3px;
	padding: 21px 25px 48px;
}

.timepicker-popup h2 {
	color: #44bdca;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 4px;
	text-align: center;
}

.timepicker-popup .info-text {
	text-align: center;
	color: #000;
	font-size: 12px;
	display: block;
	line-height: 1.5;
	margin: 0 0 17px;
}

.timepicker-popup .popup-close {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 2px;
	left: 2px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #f5f5f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	line-height: 1;
	font-size: 13px;
	color: #34434c;
}

.timepicker-popup .popup-close:hover {
	background: #34434c;
	color: #fff;
}

.rtl .timepicker-popup .popup-close {
	left: auto;
	right: 2px;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.time-calculator {
	background: #f9f9f9;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	border-radius: 3px;
	overflow: hidden;
	max-width: 220px;
	direction: ltr;
	margin: 0 auto;
}

.time-calculator .result-input {
	display: block;
	margin: 0;
	width: 100%;
	height: 56px;
	border: none;
	background: #f9f9f9;
	outline: none;
	direction: rtl;
	text-align: center;
	font-size: 18px;
	color: #3d4c57;
	font-weight: 700;
	line-height: 1;
	padding: 19px;
}

.time-calculator .calc-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.time-calculator .calc-btns .calc-btn-n {
	background: #fff;
	-ms-flex-preferred-size: calc(33.33% + 2px);
	flex-basis: calc(33.33% + 2px);
	max-width: calc(33.33% + 2px);
	border: 1px solid #d9d9d9;
	margin: 0 -1px -1px;
	font-size: 18px;
	line-height: 1;
	padding: 19px 10px;
	text-align: center;
	font-weight: 700;
	color: #3d4c57;
	border-radius: 0;
	outline: none;
}

.time-calculator .calc-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.time-calculator .calc-footer button {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #273338;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding: 11px 5px 10px;
	text-align: center;
	border: none;
	outline: none;
	font-weight: 700;
	color: #44bdca;
}

span.disabled, .payment_row input:read-only  {
	cursor: not-allowed;
}

.startButton:disabled, .pauseButton:disabled, .btn-add-time:disabled  {
	cursor: not-allowed;
}

@media (min-width: 768px) {
	.contact_modal .modal-lg {
		width: 640px;
	}

	.contact_modal .modal-header {
		padding: 14px 27px;
	}

	.contact_modal .modal-body {
		padding: 14px 27px;
	}

	.contact_modal .form-control {
		height: 42px;
		padding: 10px 14px;
	}

	.contact_modal .modal-footer .btn-primary {
		width: 360px;
		padding: 10px;
	}

	.worker-content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.worker-content-wrapper h1 {
		font-size: 20px;
	}

	.timer-banner .timer-header {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
	}

	.timer-banner .timer-header .date {
		font-size: 18px;
	}

	.timer-banner .timer-header .day {
		margin: 0 12px;
	}

	.timer-banner .timer-header .btn {
		margin-left: auto;
	}

	.rtl .timer-banner .timer-header .btn {
		margin-left: 0;
		margin-right: auto;
	}

	.timer-banner .timer-text-box .info {
		font-size: 18px;
	}

	.timer-banner .timer-text-box .timer-clock {
		font-size: 32px;
	}

	.timer-banner .btns-wrap {
		margin-bottom: 25px;
	}

	.timer-banner .bottom-image {
		margin: 0 -8px;
	}

	.timer-banner .rocket {
		width: 100px;
	}

	.monthly-summary-box .summary-header {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
	}

	.monthly-summary-box .summary-header h2 {
		font-size: 18px;
		margin: 0;
	}

	.monthly-summary-box .summary-header .btn {
		font-size: 16px;
		line-height: 1.3125;
		margin-left: auto;
		padding: 6px;
	}

	.rtl .monthly-summary-box .summary-header .btn {
		margin-left: 0;
		margin-right: auto;
	}

	.monthly-summary-box .summary-body dl {
		font-size: 18px;
	}

	.monthly-summary-box .summary-body dl > dd,
	.monthly-summary-box .summary-body dl > dt {
		padding: 9px 0;
	}

	.hour-report-section .report-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 35px;
	}

	.hour-report-section .report-header h2 {
		margin: 0 10px 10px 0;
	}

	.rtl .hour-report-section .report-header h2 {
		margin-right: 0;
		margin-left: 10px;
	}

	.hour-report-section .btn-excel {
		position: absolute;
		top: 0;
		right: 0;
		width: 138px;
	}

	.hour-report-section .btn-excel span{
		padding-right: 25px;
	}

	.rtl .hour-report-section .btn-excel  span{
		padding-right: 0px;
		padding-left: 25px;
	}
	.rtl .hour-report-section .btn-excel {
		right: auto;
		left: 0;
	}

	.hour-report-section .report-table {
		min-width: 730px;
	}

	.hour-report-section .report-table tr td,
	.hour-report-section .report-table tr th {
		min-height: 35px;
	}

	.hour-report-section .report-table thead th {
		min-height: 50px;
	}

	.hour-report-section .report-table tbody {
		font-size: 14px;
	}

	.timepicker-popup h2 {
		font-size: 20px;
	}

	.timepicker-popup .info-text {
		margin-bottom: 22px;
	}
}

@media (min-width: 992px) {
	.worker-content-wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}

	.worker-content-wrapper h1 {
		font-size: 22px;
	}

	.timer-banner .timer-header .date {
		font-size: 19px;
	}

	.timer-banner .timer-header .day {
		font-size: 15px;
	}

	.timer-banner .timer-text-box .info {
		font-size: 19px;
	}

	.timer-banner .timer-text-box .timer-clock {
		font-size: 35px;
	}

	.timer-banner .btns-wrap {
		margin-bottom: 20px;
	}

	.timer-banner .bottom-image {
		margin: 0 -4px;
	}

	.monthly-summary-box .summary-header h2 {
		font-size: 19px;
	}

	.monthly-summary-box .summary-body dl {
		font-size: 19px;
	}

	.monthly-summary-box .summary-body dl > dd,
	.monthly-summary-box .summary-body dl > dt {
		padding: 11px 0;
	}
}

@media (min-width: 993px) {
	.hour-report-section .report-header h2 {
		font-size: 18px;
	}
}

@media (min-width: 1024px) {
	/* Custom scroll bar start*/

	/* width */

	::-webkit-scrollbar {
		width: 9px;
	}

	/* Track */

	::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/* Handle */

	::-webkit-scrollbar-thumb {
		background: #888;
	}

	/* Handle on hover */

	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	/* Custom scroll bar end*/

	.contact_modal .modal-lg {
		width: 696px;
	}

	.contact_modal .modal-header {
		padding: 18px 37px;
	}

	.contact_modal .modal-body {
		padding: 18px 37px;
	}

	.contact_modal .form-control {
		height: 50px;
		padding: 14px 15px;
	}

	.contact_modal .modal-footer .btn-primary {
		width: 422px;
		padding: 14px;
	}
}

@media (min-width: 1200px) {
	.hour-report-section .report-table {
		min-width: 0;
	}
}

@media (min-width: 1360px) {
	.worker-content-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}

	.worker-content-wrapper h1 {
		font-size: 24px;
	}

	.timer-banner .timer-header .date {
		font-size: 20px;
	}

	.timer-banner .timer-header .day {
		font-size: 16px;
	}

	.timer-banner .timer-text-box .info {
		font-size: 20px;
	}

	.timer-banner .timer-text-box .timer-clock {
		font-size: 38px;
	}

	.timer-banner .btns-wrap {
		margin-bottom: 0;
	}

	.timer-banner .bottom-image {
		margin: 0 -2px;
	}

	.timer-banner .rocket {
		width: 110px;
	}

	.monthly-summary-box .summary-header h2 {
		font-size: 20px;
		padding: 0 12px;
	}

	.monthly-summary-box .summary-body {
		padding: 29px 33px 33px;
	}

	.monthly-summary-box .summary-body dl {
		font-size: 20px;
	}

	.monthly-summary-box .summary-body dl > dd,
	.monthly-summary-box .summary-body dl > dt {
		padding: 13px 0 14px;
	}

	.monthly-summary-box .summary-body dl dt {
		margin-right: 2px;
	}

	.rtl .monthly-summary-box .summary-body dl dt {
		margin-left: 6px;
	}

	.hour-report-section .report-table thead {
		font-size: 16px;
	}
}

@media (min-width: 1600px) {
	#pos_table thead tr th,
	#pos_table thead tr td {
		font-size: 16px;
		padding: 9px 10px;
	}

	#pos_table tbody tr td {
		padding: 6px 8px;
		font-size: 13px;
	}

	#pos_table tbody .icon-add-comment {
		font-size: 20px;
	}

	#pos_table tbody .input-group.input-number .form-control {
		height: 34px;
		font-size: 14px;
	}

	#pos_table tbody .input-group.input-number .btn.btn-default {
		font-size: 16px;
		width: 34px;
		padding: 5px 9px;
		height: 34px;
	}

	#pos_table tbody .icon-close {
		width: 29px;
		height: 29px;
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	.hour-report-section .report-header h2 {
		-ms-flex-preferred-size: calc(100% - 50px);
		flex-basis: calc(100% - 50px);
		max-width: calc(100% - 50px);
		margin-right: auto;
		padding: 6px 0 5px;
	}

	.rtl .hour-report-section .report-header h2 {
		margin-right: 0;
		margin-left: auto;
	}

	.hour-report-section .btn-excel > span {
		display: none;
	}
}

@media print {
	.print_section {
		display: inline !important;
	}

	.modal-xl {
		width: 100% !important;
	}

	::-webkit-scrollbar {
		display: none !important;
	}

	#toast-container {
		display: none;
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes load6 {
	0% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}

	5%,
	95% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}

	10%,
	59% {
		box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em;
	}

	20% {
		box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em;
	}

	38% {
		box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em;
	}

	100% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}
}

@keyframes load6 {
	0% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}

	5%,
	95% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}

	10%,
	59% {
		box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em;
	}

	20% {
		box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em;
	}

	38% {
		box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em;
	}

	100% {
		box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rtl .bootstrap-datetimepicker-widget .table-condensed,.rtl .bootstrap-datetimepicker-widget .datepicker-months .table-condensed,.rtl .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed {
	direction: rtl;
}
.rtl .bootstrap-datetimepicker-widget .datepicker table tr td span, .rtl .bootstrap-datetimepicker-widget .datepicker table tr th span
{
	float:right;
}
.rtl .datepicker table tr td span {
	float:right;
}
.padding2px {
	padding-left:2px; 
	padding-right:2px;
}

.text-divider{margin: 2em 0; line-height: 0; text-align: center;}
.text-divider span{background-color: #f5f5f5; padding: 1em;}
.text-divider:before{ content: " "; display: block; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #f7f7f7;}


#add_sell_form .pos_product_div .discount-calculator .calc-btns{
	width: 105px;
	margin: 0 auto;
}
#add_sell_form .pos_product_div .discount-calculator .calc-btns .calc-btn{
	margin: 2px;
}
#add_sell_form .pos_product_div .discount-calculator .calc-btns .calc-btn:last-child{
	padding-right: 4px;
	padding-left: 4px;
}
#add_sell_form .pos_product_div .discount-calculator .calc-btns .calc-btn:nth-child(10){
	padding-right: 7px;
	padding-left: 7px;
}
.pos_quantity.input_number{
	min-width: 60px;
}
.float-right{
	float:right;
}
.label-pink{
	background-color: palevioletred;
}
.label-purple{
	background-color: rgb(183, 137, 235);
}
.label-secondary{
	background-color: #777;
}
.label-coffee{
	background-color: #a46833;
}
.label-light-green{
	background-color: #6ee45f;
}
.label-yellow{
	background-color: #d4b815;
}
.mobile-status-wrap{
	margin-bottom: 15px;
}

.modal-image {
    display: flex; 
    justify-content: center;
    align-items: center;
    height: 100%; 
}

.modal-image img {
    max-width: 100%;
    max-height: 100%;
}