@import url('fonts/font-awesome.min.css');
@import url('grid.css');
@import url('colors.css');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
}
html, body {
	overflow: auto;
	height: 100%;
}
body.inner-scroll {
	overflow: hidden;
}
body.iframes-container {
	border: none;
}
body.no-menu {
	width: 1260px;
	margin: 0px auto;
}
a:link, a:visited, a:hover, a:active, a:focus, a:link.sub, a:visited.sub, a:hover.sub, a:active.sub, a:focus.sub, input[type="text"][onclick], .link {
	xtext-align: right;
	text-decoration: none;
	color: #464646;
	font-weight: normal;
	cursor: pointer;
	font-size: 14px;
}
a:not([href]):not(.button), a:not([href]):not(.button):hover {
	color: rgb(0, 0, 0);
	cursor: text;
	font-weight: inherit;
}
input[type="text"][onclick] {
	text-align: right;
	cursor: text;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Arial;
}
body {
	margin: 0px;
	background: white;
	border: 1px solid #cccccc;
	border-bottom: none;
	direction: rtl;
}
table {
	border-spacing: 0;
}

/************************************************************************************************************************
Scrollers
************************************************************************************************************************/
::-webkit-scrollbar {
 width: 10px;  /* for vertical scrollbars */
 height: 10px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
 background: rgba(241, 241, 241, 1);
}

::-webkit-scrollbar-thumb {
 background: #d2d2d2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/************************************************************************************************************************
General Structure
************************************************************************************************************************/
table#headTable, table.headTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
body.no-inner-scroll table#headTable, body.no-inner-scroll table.headTable {
	height: auto;
}
table#headTable.auto-height {
	height: auto !important;
}
table#bodyTable, table.bodytable, .bodytable {
	padding: 10px;
	width: 100%;
}
table.full-width {
	width: 100%;
}
table.two-col .half, .two-col .half {
	width: 49%;
	vertical-align: top;
	padding: 0px 10px;
	display: inline-block;
}
.half-table.half {
	display: inline-block;
	width: 49%;
}
.halves td:not([colspan]) {
	width: 50%;
}
.bodytable td {
	vertical-align: top;
}
.container {
	padding: 10px;
}
.container.no-padding {
	padding-top: 0px;
}
.container table.table-content {
	min-width: initial !important;
}
.container-sides {
	padding: 0px 5px;
}
/************************************************************************************************************************
Inner scroll 
************************************************************************************************************************/
tr.page-content {
	height: 85%;
}
tr.page-content.full-height {
	height: 100%;
}
div.page-content-div {
	height: 100%;
	overflow-y: auto;
	padding: 10px;
}
div.page-content-div.always-scroll {
	overflow-y: scroll;
}
body.in-iframe div.page-content-div {
	padding: 0px;
	padding-bottom: 10px;
}
/************************************************************************************************************************
Headers and Titles
************************************************************************************************************************/
.h3, .h3 * {
	font-weight: 500;
	font-size: 24px;
	padding: 5px;
}
.h4 {
	font-size: 18px !important;
	font-weight: 500;
	padding: 5px;
	text-align: right;
}
.big-title {
	font-size: 18px;
	font-weight: bold;
	xpadding: 10px;
	padding-bottom: 5px;
	text-align: right;
}
table.sub-title, .sub-title {
	width: 100%;
	padding: 7px;
	border-bottom: 1px solid #cccccc;
}
table.sub-title td:not(:first-child) {
	border-right: 1px solid #cccccc;
}
table.sub-title a, a.orange:not(.button), .link.orange, .fa.orange {
	color: #d4521b;
	font-weight: normal;
}
.sub-title img {
	vertical-align: middle;
	padding: 5px;
}
/************************************************************************************************************************
Menu w/ icons (.actions-row)
************************************************************************************************************************/
td.actions-row, .ttlParent, .ttlMenu .ttlChild {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
	border-bottom: 1px solid rgb(209, 209, 209);
	border-top: 1px solid rgb(209, 209, 209);
	padding: 0px;
}
table.actions-table {
	border-collapse: collapse;
	display: inline-block;
	vertical-align: top;
	height: 42px;
}
table.actions-table.left {
	float: left;
}
table.actions-table td {
	border-left: 1px solid rgb(235, 235, 235);
	height: 42px;
}
table.actions-table.left td {
	border-left: none;
	border-right: 1px solid rgb(235, 235, 235);
}
table.actions-table.long td a, table.actions-table.bw.long td {
	padding: 9px 4px;
	display: block;
}
table.actions-table td a {
	padding: 5px 15px;
	display: inline-block;
	cursor: pointer;
}
table.actions-table.bold td a {
	font-weight: bold;
}
/* table.actions-table td:hover, table.actions-table td.action-disabled {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	background-color: #eee;
} */
table.actions-table.long img, table.actions-table img {
	padding-Left: 4px;
	height: auto;
	width: 20px;
	vertical-align: middle;
}
table.actions-table a, a:link.sub, a:visited.sub, a:hover.sub, a:active.sub, a:focus.sub, table.actions-table.bw td {
	text-decoration: none;
	text-align: center;
	font-size: 14px;
}
table.actions-table td:hover, table.actions-table td.action-disabled {
	background-color: #eee;
}
table.actions-table.bw img, 
table.actions-table td:hover img, table.actions-table td.action-disabled img, 
table.actions-table td:hover i, table.actions-table td.action-disabled i{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
table.actions-table td.current {
	background: #e0e0e0;
}
table.actions-table a.current {
	background: #e0e0e0;
	padding: 9px 15px;
}
table.actions-table td.current a, table.actions-table a.current {
	color: #d5521c;
}
table.actions-table td.current {
	background: #e0e0e0;
}
table.actions-table td i.fa {
	padding: 5px;
}

.actions-table .locked-tab a {
    color: #9e9d9d;
    pointer-events: none;
}
/************************************************************************************************************************
Columns
************************************************************************************************************************/

div.page-content-div form:not(.half), td.col-container, .col-container {
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	-webkit-column-width: 500px;
	-moz-column-width: 500px;
	column-width: 500px;
	xmargin: 10px;
}
td.col-container.three-col, .col-container.three-col {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	-moz-column-gap: 0px; /* Firefox */
	column-gap: 0px;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	column-width: auto;
}
td.col-container.not-responsive {
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
}
td.col-container.not-responsive .block {
	min-width: 330px;
}
div.page-content-div td.col-container.three-col table.block {
	width: 31%;
	margin: 0px 1%;
	vertical-align: top;
}
div.page-content-div td.col-container.three-col table {
	min-width: initial;
}
div.page-content-div .block {
	display: inline-block;
	width: 100%;
	min-width: 500px;
	margin-bottom: 20px;
	vertical-align: top;
}
div.page-content-div .block > table {
	width: 100%;
}
div.page-content-div table.block.selected, table.actions-table td a.selected, .selected, .activeDiv {
	border: 1px dashed red;
}
/************************************************************************************************************************
Success
************************************************************************************************************************/
.success-message {
	background-color: #d4edda !important;
	border: 1px solid #3c763d;
	color: #3c763d !important;
	padding: 15px;
	width: calc(100% - 20px);
	border-radius: 4px;
	margin: 10px;
	display: block;
}
/************************************************************************************************************************
Errors
************************************************************************************************************************/

.error-message {
	background-color: #F0D3D3 !important;
	border: 1px solid #dca7a7;
	color: #a94442 !important;
	padding: 15px;
	width: calc(100% - 20px);
	border-radius: 4px;
	margin: 10px;
	display: block;
}
select.error-message {
	width: auto;
	max-width: 100%;
	padding: 0px;
	overflow-y: auto;
}
.error-message.small {
	padding: 3px;
}
.error-message.icon:before, .error-message .icon:before {
	font-family: FontAwesome;
	content: "\f057";
	color: f36d00;
	font-size: 20px;
	vertical-align: middle;
	text-shadow: 2px 2px #D2D2D2;
	margin-left: 7px;
}
.input-errot, .input-error, .WizGridErr {
	background-color: #F0D3D3;
	border: 1px solid #dca7a7 !important;
	color: #a94442;
}
.error-message.inline-block {
	display: inline-block;
}

.error-message.horizontal{ 
	height: 30px;
}
.error-message.horizontal option { 
	display:inline;
	border-left: 1px solid #a94442;
	padding-left: 5px;
    margin-left: 5px;
}
.error-message.horizontal option:last-child { 
	border-left: none;
}
.error-message.break-spaces option {
	white-space: break-spaces;
}
/************************************************************************************************************************
Content table titles
************************************************************************************************************************/
tr.table-title, table.table-title, .table-title, tr.table-title th, .popup .inner-table-title {
	background-color: #e6e6e6;
	color: #5a5a5a;
	font-size: 14px;
	padding: 7px 10px;
	font-weight: bold;
	text-align: right;
}
.table-title a {
	font-weight: bold;
}
table.table-title, legend.table-title {
	width: 100%;
}
legend.table-title {
	margin-bottom: 5px;
}
.table-title.dark th, .table-title.dark, .table-title.dark *:not(input), div.table-title.dark div {
	background-color: #5f5d5e;
	color: white;
}
div.table-title.dark {
	background: none;
}
.scroll-title {
	width: calc(100% - 17px) !important;
}
/************************************************************************************************************************
Content tables
************************************************************************************************************************/
table.table-content, div.table-content {
	width: 100%;
	min-width: 500px;
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	vertical-align: top;
}
table.table-data, div.table-data {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
table.table-data th:first-child, .table-title th:first-child {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}
table.table-data th:last-child, .table-title th:last-child {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}
table.table-content td, tr.table-title td, table.table-content th, table.table-content .table-in-table-conatiner table.table-content td, .table-content .row {
	font-size: 14px;
	padding: 5px;
}
table.table-content td.table-container {
	padding: 0px;
}
table.table-block:not(.no-bold) td:first-child, tr.table-title td, table.table-data.bold-labels {
	font-weight: bold;
}
table.table-block.vtop td:first-child {
	vertical-align: top;
}
.table-in-table-conatiner {
	background-color: white;
}
table.table-content .table-in-table-conatiner td {
	padding: 0px;
}
table.innertable, div.innertable {
	background-color: white;
	border-color: rgb(95, 93, 94);
	width: auto;
	margin: 5px;
}
/************************************************************************************************************************
Different styles for content tables
************************************************************************************************************************/
.table-btmborder td {
	border-bottom: 1px solid rgb(224, 224, 224);
}

table.table-block.lines td {
	border-bottom: 1px solid rgb(224, 224, 224);
}
table.table-block.lines tr:last-child td {
	border-bottom: none;
}
table.table-content td.radio {
	font-weight: normal !important;
}
table.align-right th {
	text-align: right;
}
table.two-col-equal td {
	width: 50%;
}
table.table-small {
	width: auto !important;
	margin: 0px 10px;
}
table.table-small input[type="text"] {
	width: 100%;
}
table.fullwinput select, table.fullwinput input[type="text"] {
	width: 100%;
}
tr.under-line td {
	border-bottom: 1px solid #EAEAEA;
}
td.no-padding, .no-padding {
	padding: 0px !important;
}
.no-margin {
	margin: 0px;
}
table.table-content.thirds td {
	width: 33%;
}
table.no-style {
	background-color: white;
	border: none;
}
tr.top * {
	vertical-align: top;
}
table.table-content table.table-content {
	border: none;
}
/************************************************************************************************************************
Inputs
************************************************************************************************************************/
input {
	height: auto;
}
input[type='text'], select, input[type='password'], textarea, input[type="file"], input[type="number"] {
	border: 1px solid #c7d0d1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	width: 80%;
	max-width: 180px;
}
table input[readonly]:not(.input-error):not([data-real-readonly]):not([type='button']):not(.real-readonly), input[readonly]:not(.input-error):not([data-real-readonly]):not([type='button']):not(.real-readonly), input.readonly, input[disabled]:not([type='button']):not([type='submit']):not([data-real-readonly]) {
	border: 1px solid transparent !important;
	background: none !important;
	width: 100%;
}
table input[readonly].real-readonly, input[disabled]:not([type='button']):not([type='submit']).real-readonly, .input-file-path {
	background: #EBEBE4 !important;
	border: 1px solid #c7d0d1 !important;
	width: 80%;
}
textarea {
	resize: none;
}
input[type="file"] {
	max-width: 240px;
	width: 100%;
}
table.table-content a img {
	height: 26px;
	width: auto;
	vertical-align: middle;
}
input[type='checkbox'], input[type='radio'] {
	border: 1px solid #c7d0d1;
	display: inline-block;
	margin: 3px;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	vertical-align: middle;
	width: auto !important;
}
select[disabled] {
	cursor: default;
	background-color: #EBEBE4;
}
table.table-content.two-col input[type='text'], table.table-content.two-col select, table.table-content.two-col textarea {
	width: 90%;
	max-width: 340px;
	margin: 0px auto;
	display: inline-block;
}
input.small-input, table.table-content.two-col input[type='text'].small-input, select.small-input {
	width: 55px !important;
	text-align: center;
	display: inline;
	min-width: 55px !important;
}
input.small-input[readonly] {
	text-align: right;
}
input.one-char-input {
	width: 25px !important;
	height: 25px;
	padding: 0px !important;
	text-align: center;
	display: inline;
	min-width: 25px !important;
}
input[type='text'].big-input, textarea.big-input, select.big-input {
	width: 100%;
	max-width: initial;
}
table.table-content input[type='text'].date-input, input.date-input, input[innertype='DATE_CONTROL'] {
	width: 90px !important;
	text-align: right; /* ?? */
}
input[type='text'].medium-input, select.medium-input {
	width: 90px !important;
}
input[type='text'].biggish-input, select.biggish-input, textarea.biggish-input {
	width: 70%;
	max-width: initial;
}
.input-file-path {
	width: 180px;
	display: inline-block;
	height: 24px;
	vertical-align: bottom;
	text-overflow: initial;
	white-space: nowrap;
	overflow: hidden;
	direction: rtl;
	padding: 2px 5px 2px 0px;
	text-align: right;
	cursor: pointer;
}
/************************************************************************************************************************
Buttons
************************************************************************************************************************/
input[type='submit'], input[type='button'], .button, label.input-file-wrap {
	display: inline-block;
	background-color: #505050;
	border: 1px solid rgb(231, 231, 231);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	color: white !important;
	cursor: pointer;
	outline: none;
	min-width: 70px;
	font-weight: normal;
}
input[type='submit']:hover, input[type='button']:hover, .button:hover {
	background-color: #636363;
	color: white;
}
input[type='submit'][disabled], input[type='button'][disabled], .button.disabled {
	background-color: #D2D2D2 !important;
	color: #989898 !important;
	cursor: auto;
}
input[type='submit'].green, input[type='button'].green, .button.green {
	background-color: #51ab1d;
	color: white;
}
input[type='submit'].gree:hover, input[type='button'].green:hover, .button.green:hover {
	background-color: #5EC345;
	color: white;
}
input[type='submit'].orange, input[type='button'].orange, .button.orange {
	background-color: #f36d00;
	color: white;
}
input[type='submit'].orange:hover, input[type='button'].orange:hover, .button.orange:hover {
	background-color: #EB7344;
	color: white;
}
a.button.orange-no-fill {
	background-color: white;
	border: 1px solid #eb6a00;
	color: #0a0a0a !important;
}
table.table-block.two-col td:first-child:not([colspan='2']) {
	width: 160px;
}
table.table-content.name-address td:first-child {
	width: 140px;
}
a.green:not(.button), i.green {
	color: #7dbb4f !important;
}
.fa-plus-circle:before {
	font-size: 18px;
	vertical-align: middle;
}
.right-arrow:before {
	font-family: FontAwesome;
	content: "\f0da";
	color: #d4521b;
	font-size: 26px;
	vertical-align: middle;
	padding: 0px 10px;
}
input.inline, .button.inline, input[type='button'].inline, label.input-file-wrap {
	padding: 3px 10px;
}
.button .fa, input[type='submit'] .fa, input[type='button'] .fa, label.input-file-wrap .fa {
	color: white !important;
	padding: 0px 3px;
	font-size: 16px;
}
.inline .fa {
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
input[type='submit'][disabled] .fa, input[type='button'][disabled] .fa, .button.disabled .fa {
	color: #989898 !important;
}
.delete-cb:checked + .fa {
	color: #d4521b;
}
[disabled].fa, .popup [disabled].fa {
	color: gray !important;
	pointer-events: none;
}
.fa[onclick], .pointer-cursor {
	cursor: pointer;
}
.sm-btn {
	padding: 5px 10px;
	border-radius: 3px;
}
/************************************************************************************************************************
Help 
************************************************************************************************************************/
td.help, .help {
	color: #8e8e8e;
	padding-bottom: 8px;
}
table.inline, div.inline {
	display: inline-block;
	vertical-align: top;
}
/************************************************************************************************************************
Header Table
************************************************************************************************************************/
.header-table {
	background-color: #e9e9e9;
	padding: 10px 7px;
	width: calc(100% - 20px);
	margin: 0px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	margin-top: 10px;
}
.header-table.full-width {
	width: calc(100% - 20px) !important;
}
.header-table.center {
	width: auto;
	margin: 10px auto;
}
.header-table.right {
	margin: 0;
	margin-left: auto;
	width: auto;
}
.header-table.full-width input {
	width: 88%;
	max-width: 100%;
}
/************************************************************************************************************************
Instructions
************************************************************************************************************************/
.instructions-table.header-table {
	text-align: right;
	width: 100%;
	margin: 0px;
}
.instructions-table.header-table form {
	margin: 0px;
}
.header-table.full-width.instructions-table a img {
	vertical-align: middle;
	padding: 2px;
}
.header-table.full-width.instructions-table td {
	padding-top: 3px;
}
.top-row {
	background-color: #f2f2f2;
	border-bottom: 1px solid #808080;
	padding: 5px;
}
/************************************************************************************************************************
Footer
************************************************************************************************************************/
table.footer.screen-bottom, .footer.screen-bottom {
	background-color: #f2f2f2;
	border-top: 1px solid #808080;
	padding: 10px;
	display: inline-block;
}
table.footer, .footer {
	width: 100%;
	text-align: left;
	margin-top: 5px;
	padding: 10px 10px;
}
table.footer.one-col, .one-col {
	width: 520px !important;
	padding-left: 0px;
}
table.footer.one-col.no-side-menu {
	width: 50% !important;
	max-width: 782px;
}
table.footer.inline {
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 0px;
	padding-top: 0px;
	width: auto !important;
}
table.footer.half {
	padding: 0;
}
/************************************************************************************************************************
Prev & Next
************************************************************************************************************************/
.prev {
	float: right;
}
.next {
	float: left;
}
/************************************************************************************************************************
Pages
************************************************************************************************************************/
.pages {
	display: inline-block;
}
.pages a {
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pages * {
	float: right;
}
.pages a.cur {
	color: white;
	background-color: #f36d00;
}
.pages a:not(.cur):hover {
	background-color: #eee;
	border-color: #ddd;
}
.pages .prev {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pages .next {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pages a.wzdiableArrow {
	background-color: #D2D2D2;
	color: #989898;
}
/************************************************************************************************************************
Dialog
************************************************************************************************************************/
.dialog {
	color: #5a5a5a;
	background-color: #f5f5f5;
	-moz-box-shadow: 0px 0px 10px 3px #AFAFAF;
	-webkit-box-shadow: 0px 0px 10px 3px #AFAFAF;
	box-shadow: 0px 0px 10px 3px #AFAFAF;
	text-align: center;
}
.dialog td {
	padding: 5px;
}
.dialog-title {
	background-color: #d8d8d8;
	font-weight: bold;
}
a.close.fa-times-circle:before {
	color: #d4531a;
}
/************************************************************************************************************************
Search tip
************************************************************************************************************************/
.tip {
	color: #3c763d;
	border: 1px solid #3c763d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	line-height: 18px;
}
.tip div {
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	width: 95%;
}
.tip i {
	font-size: 25px;
	display: inline-block;
	vertical-align: top;
}
/************************************************************************************************************************
Message
************************************************************************************************************************/
.message {
	border: 1px solid rgba(246, 157, 86, 1);
	background: #FCE6D4;
	color: rgb(213, 82, 28);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/************************************************************************************************************************
Search results
************************************************************************************************************************/
span.results, .results {
	background-color: #dff0d8;
	color: #3c763d;
	border: 1px solid #6aa33f;
	padding: 10px;
	width: 100%;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0px;
}
span.results.not-found, .results.not-found {
	background-color: #f0d3d3!important;
	border: 1px solid #d63e3e;
	color: #9c2800!important;
}
.results.auto {
	width: auto;
	display: inline-block;
}
/************************************************************************************************************************
Grid Colors Key
************************************************************************************************************************/
.key {
	float: left;
	margin-left: 10px;
	padding-top: 5px;
}
/************************************************************************************************************************
Tree Menu
************************************************************************************************************************/
table#treeRoot {
	padding: 5px;
}
.treeroot-container {
	height: calc(100vh - 65px);
	overflow-y: auto;
}
[type="rootfolder"], [type^="root"] {
	font-size: 16px !important;
}
table#treeRoot a:not([type='item']):hover {
	cursor: default;
	color: initial;
}
table#treeRoot span {
	font-size: 11px;
}
/************************************************************************************************************************
Formula
************************************************************************************************************************/
.formula-box {
	border: 1px solid #CCCCCC;
	height: 80px;
	margin: 10px;
	vertical-align: middle;
	border-radius: 5px;
	word-wrap: break-word;
}
.formula-content {
	font-size: 18px;
	position: relative;
	top: 40%;
	transform: translateY(-40%);
}
/************************************************************************************************************************
Single command styles 
************************************************************************************************************************/
.no-bold {
	font-weight: normal !important;
}
.bold {
	font-weight: bold;
}
.centered {
	text-align: center;
}
.center-self {
	margin: 0px auto;
	display: block;
}
td.hide {
	display: none !important;
}
tr.last-row td {
	background-color: #fafafa;
	border-top: 1px solid #e6e6e6;
}
.lefted td, .lefted {
	text-align: left;
}
.righted {
	text-align: right;
}
.center {
	text-align: center;
}
td.gap {
	height: 20px;
}
a.underline, .underline {
	text-decoration: underline;
}
.th {
	font-weight: bold;
}
.space-20 {
	height: 20px;
}
.space-10 {
	height: 10px;
}
.hspace-10 {
	width: 10px !important;
	display: inline-block;
}
.hspace-20 {
	width: 20px !important;
	display: inline-block;
}
table.inline-table {
	display: inline-block;
}
.f-left {
	float: left;
}
.no-border {
	border: none !important;
}
.no-max {
	max-width: initial !important;
}
.no-min {
	min-width: initial !important;
}
.link {
	cursor: pointer !important;
}
.dnone {
	display: none !important;
}
.no-side-pad {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.no-scroll {
	overflow: hidden !important;
}
.fa.blue {
	color: #0f2c72;
}
.not-active {
	pointer-events: none;
	cursor: default;
}
.vtop {
	vertical-align: top;
}
td.upload * {
	display: inline-block;
	margin: 3px;
}
span.req {
	font-size: 22px;
	color: red;
}
.table-padding td {
	padding: 5px;
}
/***************************************************************************************************************************
Stracture by percents
***************************************************************************************************************************/
.third {
	width: calc(100%/3 - 3px) !important;
	min-width: initial !important;
}
.two-thirds {
width: calc(100%/3*2) !important;
	min-width: initial !important;
}
.full-width {
	width: 100% !important;
}
/***************************************************************************************************************************
Overlay
***************************************************************************************************************************/
#overlay {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.33;
}
.overlay {
	background-color: black;
	opacity: 0.33;
}
/***************************************************************************************************************************
Popups
***************************************************************************************************************************/
div.popup, table.popup, .popup {
	direction: rtl;
	background: #fffef9;
	border: 1px solid #000000;
	max-width: 600px;
	min-width: 150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.52);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.52);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.52);
}
.popup .title, .popup .table-title:not(.light) {
	background: #393939;
	color: white;
	direction: rtl;
}
.popup div.title {
	padding: 8px;
	text-align: center;
}
.popup .fa, .popup .title .fa, .popup .table-title .fa {
	color: #f36d00;
}
.popup .title .fa, .popup .table-title .fa {
	float: left;
	cursor: pointer;
}
.popup td {
	padding: 5px;
}
.popup .content {
	padding: 0px 10px 10px;
}
.popup .title .fa {
	float: left;
	font-size: 16px;
}
/***************************************************************************************************************************
Tabs
****************************************************************************************************************************/
.tab, .tabtitle {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 0px;
	background-color: #cccccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px;
	min-width: 100px;
	text-align: center;
	color: #777;
	cursor: pointer;
}
.tab[data-wz-selected='yes'], .tab.activeDiv, .tabtitle[wz-selected-tab='yes'] {
	background-color: #D5521C;
	color: white;
}
/* Tabs CSS orenz */

.tabContent {
	display: none;
}
.tabContent[wz-selected-tab="yes"] {
	display: block;
}
/* Tabs CSS orenz END*/

/************************************************************************************************************************
Drop Down \ Hover 
************************************************************************************************************************/
.hovertoshow {
	position: relative;
}
.showonhover {
	display: none;
	position: absolute;
}
.showonhover.top-20 {
	top: 20px;
	padding-top: 5px;
}
.hovertoshow:hover .showonhover {
	display: block;
}
/************************************************************************************************************************
Active \ Inactive
************************************************************************************************************************/
.inactive, .inactive * {
	cursor: text !important;
}
.inactive * {
	color: rgb(171, 171, 171) !important;
}
/***************************************************************************************************************************
CSS for specific pages
****************************************************************************************************************************/
table[name='TranTypesCodes'] {
	width: 100%;
}
table[name='TranTypesCodes'] td a, #list div.box {
	color: #272727;
	display: block;
	text-align: right;
	padding: 12px 7px;
	border-bottom: 1px solid #c7c7c7;
	cursor: pointer;
}
table[name='TranTypesCodes'] td .fa {
	color: #d4521b;
}
table#BurdenRates {
	margin-right: 10px;
}
/*************************************************************************************************************************
Separeate pages
*************************************************************************************************************************/
.sep-page .header, .sep-page .container {
	width: 1260px;
	margin: 0px auto;
	position: relative;
	padding: 10px 0px;
}
.sep-page .sub-title {
	padding: 15px 7px;
}
.sep-page .container {
	xborder-top: 1px solid #cccccc;
}

@media (min-width: 1380px) /* << bigger screen*/ {
.sep-page .header, .sep-page .container {
	width: 85%;
	margin: 0px auto;
}
}
/* new comp */
.form-container {
	width: 567px;
	margin: 80px auto;
	border: 1px solid #f4d4c6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 30px;
}
.form-container .big-input {
	height: 30px;
	margin-bottom: 10px;
}
/* comp list */
.comp-table * {
	color: #2e2e2e;
}
.comp-table a {
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding: 20px 0px;
	text-align: right;
}
.comp-table a:hover {
	color: #797979;
}
.comp-table td {
	border-bottom: 1px solid #f4d4c6;
}
/*************************************************************************************************************************
Manual Chques \ שקים ידניים
*************************************************************************************************************************/
body.manual-chques table#table3 td:first-child {
	xwidth: 62%;
}

@media (min-width: 1500px)  /* << bigger screen */ {
body.manual-chques table#table3 td:first-child, body.auto-chques table#table3 td:first-child {
	width: 78%;
}
}
body.manual-chques table#table3 tr:not(:first-child) td:last-child, body.auto-chques table#table3 tr:not(:first-child) td:last-child {
	xtext-align: left;
}
body.manual-chques table#table3 tr.table-title td:last-child, body.auto-chques table#table3 tr.table-title td:last-child {
	xpadding-right: 63px;
}

@media (min-width: 1500px)  /* << bigger screen */ {
body.manual-chques table#table3 tr.table-title td:last-child, body.auto-chques table#table3 tr.table-title td:last-child {
	xpadding-right: 73px;
}
}
table#table0 td > span {
	display: inline-block;
	width: 84px;
}
table#tableManCheckId td > span {
	display: inline-block;
	width: 124px;
}
/*************************************************************************************************************************
Auto Chques \ שקים אוטומטיים
*************************************************************************************************************************/
body.auto-chques {
	overflow: hidden;
}
body.auto-chques iframe {
	height: calc(100% - 83px);
}
/*@media (min-width: 1560px) and (min-height: 700px)
{
body.auto-chques iframe
{
height: calc(100% - 81px);
}
}*/

/*************************************************************************************************************************
Users.html
*************************************************************************************************************************/


table#DOCS_ACCESS_ID th:first-child {
	width: 35%;
	text-align: right;
}
table#IDX_ACCESS_ID td, table#IDX_ACCESS_ID th {
	width: 25%;
	text-align: center;
}
table#IDX_ACCESS_ID td:first-child, table#IDX_ACCESS_ID th:first-child {
	text-align: right;
}
table#DOCS_ACCESS_ID tr:nth-child(2) td, table#DOCS_ACCESS_ID tr:nth-child(3) td, table#IDX_ACCESS_ID tr:nth-child(2) td, table#IDX_ACCESS_ID tr:nth-child(3) td {
	border-bottom: none;
}
/************************************************************************************************************************
Search 
*************************************************************************************************************************/
div#wzSrchSuggestBox {
	background-color: rgba(245, 245, 245, 0.9);
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
}
.auto-result, div#wzSrchSuggestBox div {
	padding: 4px;
	color: #343434;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
}
.auto-result:last-child, div#wzSrchSuggestBox div:last-child {
	border-bottom: none;
}
.auto-result:hover, div#wzSrchSuggestBox div:hover {
	background-color: #E8E8E8;
}
/************************************************************************************************************************
Search pages 
*************************************************************************************************************************/
table.header-table.one-col.search td:nth-child(odd) {
	width: 100px;
}
.inline.tip-container {
	float: left;
	width: 610px;
}
div#allSearches {
	height: 550px;
	overflow-y: auto;
	border-bottom: 1px solid #e6e6e6;
}
/************
Accounts \ כרטיסי חשבון 
***********/
.absolute-frame {
	background: none;
	background-color: transparent;
}
.absolute-frame table#HeadTable {
	height: 138px;
}
/***************************************************************************************************************************
Jurnal Fix Trans \ תיקון תנועת הנהלת חשבונות
***************************************************************************************************************************/
table#MvBase, .footer.MvBase {
	width: 50%;
	min-width: 805px;
	padding: 0px;
	border: none;
}
table#MvBase table.table-content {
	width: auto;
	min-width: 100%;
}
/***************************************************************************************************************************
IJurnalRatesDif.html \ יצירת תנועות הפרשי שער
***************************************************************************************************************************/
form#RateDifForm #lefttab td:first-child {
	width: 20%;
}

@media (min-width: 1460px)  /* << bigger screen */ {
form#RateDifForm #lefttab td:first-child {
	width: auto;
}
}
/***************************************************************************************************************************
newYearTransfer.html \ העברת יתרות הכנסות והוצאות
***************************************************************************************************************************/
table#WizHeadtidOpenBalDates {
	width: 100% !important;
	border: none;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: 1px solid #e6e6e6;
}
table#tidOpenBalDates {
	width: 100% !important;
}
div#WLPapaDivtidOpenBalDates {
	height: auto !important;
}
div#WHPapaDivtidOpenBalDates, div#WLPapaDivtidOpenBalDates {
	width: 370px;
}
table#tidOpenBalDates td {
	width: 50% !important;
}
table#tidOpenBalDates input {
	width: 80% !important;
	text-align: center;
}
table#tidOpenBalDates td:first-child input {
	cursor: pointer !important;
}
div#WizConfirmMessageBox {
	max-width: 30%;
}
table#tidOpenBalDates td {
	white-space: normal !important;
}
/***************************************************************************************************************************
Grid 
***************************************************************************************************************************/
div.table-title div.WzHead {
	height: 36px;
	padding: 10px 4px;
}
.WizGridCell .WzHead:first-child {
	border-right: 1px solid ##5f5d5e;
}
.MyLine:hover > div.WzCol:not(.singleLine), .WizGridCell:hover > div.WzCol {
	background: rgba(213, 82, 28, 0.34);
	border: none;
}
.MyLine div.WzCol {
	background: #f5f5f5;
}
#HeadLine div:hover {
	background-color: gray;
}
.WizGridCell:last-child {
	border-bottom: 1px solid rgb(221, 220, 220);
}
.WzCol:not(.WzCol-Row), .WzHead {
	height: 32px;
	padding: 4px;
	border-left: 1px solid rgb(221, 220, 220);
}
.WizGridCell .WzCol:first-child {
	border-right: 1px solid rgb(221, 220, 220);
}
div.WzHead:hover {
	background-color: gray;
}
div.WzCol-Row {
	padding-right: 20px;
}
.WizGridCell .WzCol, .WizGridCell .fieldTitle,  .WizGridCell .WzCol-Row div, .WizGridCell .WzHead,  .WizGridCell .singleField, .WizGridCell .doubleField, .WizGridCell .singleField div, .WizGridCell .doubleField div {
	float: right;
	overflow: hidden;
	white-space: nowrap;
}
.WizGridCell .fieldTitle,  .WizGridCell .WzCol-Row div,  .WizGridCell .singleField {
	width: 100px;
}
.subLineHead.table-title div {
	float: right;
}
.WizGridCell .narrow-col {
	width: 30px;
/*	padding: 4px 0px;*/
/*	text-align: center;*/
}
.WizGridCell .narrow-col input {
/*	text-align: center;*/
}
.WzCol input[type='text']:not(.one-char-input):not(.wicon), .WzCol select {
	min-width: 100% !important;
}
.WzCol input[type='text'].date-input, .WzCol input[innertype='DATE_CONTROL'], input[type='text'].wicon {
	min-width: initial !important;
}
.innertable div div {
	padding: 5px;
}
/***************************************************************************************************************************
FixedTrans.html \ צפיה ופעולה על תנועות
***************************************************************************************************************************/
.ttlParent {
	border-top: none;
}
.ttl, .ttlChild {
	display: inline-block;
	float: right;
	padding: 18px 15px;
	height: 51px;
}
.ttl {
	border-left: 1px solid rgb(235, 235, 235);
}
.ttlMenu {
	position: absolute;
	top: 50px;
	right: 0px;
	display: none;
	z-index: 999;
	width: 210px;
	padding-top: 5px;
}
.ttlMenu .ttlChild {
	width: 210px;
	border-top: none;
	padding: 7px 5px;
	height: 40px;
	border-right: 1px solid rgb(209, 209, 209);
	border-left: 1px solid rgb(209, 209, 209);
}
.ttl:hover, .ttlChild:hover {
	background: #eee;
}
.ttl:hover .ttlMenu {
	display: block;
}
.ttl .fa {
	color: #d5521c;
	vertical-align: middle;
}
div#gridPapaAll_papaDivFx {
	height: calc(100% - 130px) !important;
	xoverflow-y: hidden;
}
div#PapaDivPapapapaDivFx {
	height: 100% !important;
}
div#filterLinepapaDivFx div {
	padding: 6px;
}
div#CopyDlg>div, div#StornoDlg>div {
	width: 300px;
}
/***************************************************************************************************************************
BewBatch.html \ בחירה של המנה לעבודה
***************************************************************************************************************************/
body.bewbatch {
	overflow: hidden;
}
.bewbatch div#PapaDivPapapapaDivBatches {
	height: 365px !important;
}
.bewbatch div#PapaDivPapapapaDivBatches {
	overflow: hidden !important;
	overflow-y: auto !important;
}
.bewbatch div#HeadLinePapapapaDivBatches, .bewbatch div#filterLinepapaDivBatches, .bewbatch div#HeadLine, .bewbatch div#PapaDivPapapapaDivBatches, .bewbatch div#papaDivBatches {
	width: 100% !important;
}
.bewbatch div#filterLinepapaDivBatches>div {
	padding: 5px;
}
/***************************************************************************************************************************
FixedBatches.html \ דיפדוף במנות במאגר קבוע
***************************************************************************************************************************/
.fixedbatches div#HeadLinePapapapaDivFixBatches, .fixedbatches div#filterLinepapaDivFixBatches, .fixedbatches div#HeadLine, .fixedbatches div#PapaDivPapapapaDivFixBatches, .fixedbatches div#papaDivFixBatches {
	width: 100% !important;
}
div#PapaDivPapapapaDivFixBatches {
	height: 525px !important;
}
/***************************************************************************************************************************
NewJTrans2.html \ מנה - תצוגת גליון
***************************************************************************************************************************/
.newjtrans div#PapaDivPapapapaDiv {
	height: 640px !important;
}
div#filterLinepapaDiv div {
	padding: 6px;
}
body.newjtrans {
	overflow-x: hidden;
}
.ttlrow {
	display: inline-block;
	width: 100%;
	float: right;
}
.ttl.h3 {
	padding: 10px;
}
.noCollapse.two-rows {
	height: 102px;
}
.noCollapse .with-error {
	display: inline-block;
	width: calc(100% - 320px);
}
.noCollapse .Bigttl {
	display: inline-block;
	vertical-align: top;
	width: 310px;
}
.noCollapse select#errList {
	margin: 5px auto 5px 0px;
	width: 290px;
}
/***************************************************************************************************************************
 קליטת אקסל
****************************************************************************************************************************/
.xl-table-container {
	max-height: 265px;
	overflow: auto;
	margin: 10px 0px;
}
.xl-table-container table {
	width: 100%;
	border-spacing: 0;
}
.xl-table-container table td, .xl-table-container table th {
	padding: 3px;
	border-bottom: 1px solid #e1e5e6;
	text-align: right;
	font-weight: normal;
}
.xl-table-container table tr:hover td, .xl-table-container table tr:hover th {
	background: rgba(213, 82, 28, 0.34);
}
.xl-table-container select {
	width: 100%;
}
/***************************************************************************************************************************
DetNewJtrans2.htm \ מנה - תצוגת טופס
****************************************************************************************************************************/

div#papaDetDiv {
	width: 100% !important;
}
div.WzCol.singleLine {
	width: 100%;
	display: block;
	height: 32px !important;
}
.WizGridCell div.singleField {
	width: 250px;
}
.doubleField {
	width: 500px !important;
}
.fieldCtrl {
	width: calc(100% - 100px) !important;
	padding: 0px 10px;
}
.detnewjtrans .MyLine {
	border-bottom: 1px solid rgb(221, 220, 220);
}

/***************************************************************************************************************************
MEDIA QUERIES
***************************************************************************************************************************/

@media (min-width: 1360px)  /* << bigger screen */ {
div.page-content-div form:not(.half), td.col-container, .col-container {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	column-gap: 20px;
	-webkit-column-width: 330px;
	-moz-column-width: 330px;
	column-width: 330px;
}
td.col-container.three-col {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	-moz-column-gap: 0px; /* Firefox */
	column-gap: 0px;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	column-width: auto;
}
div.page-content-div table.block {
	display: inline-block;
	width: 100%;
	min-width: 330px;
	vertical-align: top;
}
td.col-container.three-col table.block {
	width: 30%;
}
table.table-block {
	min-width: 330px;
}
body.no-menu {
	width: 85%;
	margin: 0px auto;
	min-width: 1260px;
}
}
table.table-content.third {
	xxxwidth: 33% !important;
}

@media (min-width: 1560px) and (min-height: 700px) {
	table.actions-table.long td a, table.actions-table.bw.long td, table.actions-table td a {
		padding: 10px 15px;
	}
	div#allSearches {
		height: 600px;
	}
}
/***************************************************************************************************************************
RIGHT CLICK MENU
***************************************************************************************************************************/

.ui-menu {
	width: 200px;
}
#wiz-context-pp-menu [data-item-link], #wiz-context-pp-menu [data-item-link] *, #wiz-context-pp-menu .ui-widget-content, #wiz-context-pp-menu {
	background: #dfdfdf !important;
	text-align: right;
}
.ui-widget-content .ui-state-focus {
	border-top-color: transparent;
	border-bottom-color: transparent;
}
#wiz-context-pp-menu .ui-menu-item.ui-state-focus, #wiz-context-pp-menu .ui-menu-item.ui-state-focus > a, #wiz-context-pp-menu .ui-menu-item.ui-state-active, #wiz-context-pp-menu .ui-menu-item.ui-state-active > a {
	background: #D5521C !important;
	color: white !important
}
#wiz-context-pp-menuspan .ui-menu-icon.ui-icon.ui-icon-carat-1-w {
	display: none;
}
#wiz-context-pp-menu [aria-haspopup='true'] > a:after {
	content: "\f053";
	float: left;
	font: normal normal normal 14px/1 FontAwesome;
}
#wiz-context-pp-menu li a {
	cursor: default;
}
#wiz-context-pp-menu li:not(.ui-state-disabled) a {
	cursor: pointer;
}
.ui-menu .ui-menu-icon {
	display: none;
}
/* ====================================== NEW CODE */
/* Clearing */
.clr {
	clear: both;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

/* Thumbnail box */
.thumbnail {
	width: 150px;
	height: 150px;
	margin: 10px;
	border: 1px solid #C6C6C6;
	border-radius: 3px;
	padding: 3px;
	transition: border ease 0.3s;
	position: relative;
	overflow: hidden;
}

.thumbnail:hover {
	border: 1px solid #7BA2C7;
}

.thumbnail a, .thumbnail figure {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.thumbnail a img, .thumbnail figure img {
	height: 100%;
}

/* If image selected so mark it */
.thumbnail figure[wz-selected] {
	border: 3px solid orange;	
}

.file-check {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	color: #FF6E00;
}

.thumbnail[wz-selected] .file-check-show {
	display:inline;		
}

.file-check-show {
	display:none;
}

.thumbnail ul.zoom {
	list-style: none;
	margin: 3px;
	position: absolute;
	bottom: -50px;
	right: 0;
	width: calc(100% - 6px);
	transition: bottom ease 0.2s;
	cursor: pointer;
	text-align: center;
}

.thumbnail:hover > ul.zoom {
	bottom: 0;
}

.thumbnail ul.zoom li {
	float: right;
	padding: 10px;
	font-size: 18px;
	color: white;
	background-color: rgba(0,0,0,0.60);
	transition: background-color ease-in-out 0.2s;
}

.thumbnail ul.zoom li:hover {
	background-color: rgba(0,0,0,0.80);
}

.thumbnail ul.zoom li a {
	font-size: 18px;
	color: white;
}

.thumbnail small {
	font-size: x-small !important;
}

.nonimage-file {
	font-size: 70px;
	padding: 30px 0 5px 0;
	color: lightgray;
}

/* Tabs style */
.pb-3 {
	display: none;
}

/* Style the buttons that are used to open the tab content */
.header-table-btn button {
    background-color: inherit;
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 13.5px 16px;
    transition: 0.3s;
}

/* Create an active/current tablink class */
.header-table-btn button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
}

/* Accessebility button */
.accessibility_component > .btn_accessibility {
	font-size: 14px !important;
}

body[accessibility_mode] .btn, body[accessibility_mode] input[type="button"] {
	color:white !important;	
	background: black !important;
}
body[accessibility_mode] a {
	background: none !important;
    background-color: black !important;
    color: yellow !important;
    outline: 1px dashed yellow !important;
}

/* Group select menu reset max-width size */
.group-select {
	max-width: initial !important;
}

/* =================== CRM */
.crm-header-desc {
	border-bottom: 1px solid #ccc;
}

/* Title of index crm */
.crm-header-desc h2 {
	font-size: 24px;
	font-weight: normal;
}

/* Sortable sidebar */
.crm-index-sidebar {
	background-color: #efefef;
	border-left: 1px solid #ccc;
	min-height: 100%;
	margin-right: -10px;
}

.crm-index-sidebar h3 {
	margin: 0;
}

/* Sortable area of tabs */
.crm-sortable {
	height: 100%;
	overflow: hidden;
}

.ui-sortable {
	display: initial !important;
	flex-wrap: nowrap !important;
}

.crm-sortable-inner {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Each item of the sortable menu */
.sortable div.field {
	height: 32px;
	width: 100%;
	cursor: move;
	border: 1px solid lightgray;
	margin-bottom: 2px;
	background-image: -webkit-linear-gradient(270deg,rgba(250,250,250,1.00) 0%,rgba(242,242,242,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(250,250,250,1.00) 0%,rgba(242,242,242,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(250,250,250,1.00) 0%,rgba(242,242,242,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(250,250,250,1.00) 0%,rgba(242,242,242,1.00) 100%);
}

.sortable div.field:hover {
	border: 1px solid darkgray;
}

.sortable div.field:last-child {
	margin-bottom: 10px;
}

.crm-editcol-dlg {
	width: 600px;
}

.crm-assignees {
	font-weight: bold;
}

/* Accordion each item */
.acc-item {
	cursor: pointer;
}

/* If accordion item has been selected */
.acc-item[wz-selected-tab='yes'] {
	color: #D5521C;
	font-weight: bold;
}

/* If accordion item has been hovered */
.acc-item:hover:not([wz-selected-tab='yes']) {
	background-color: #eeeeee;
}

/* CRM file attachment area */
.crm-attachfiles {
	border: 4px dashed #C6C6C6;
	cursor: pointer;
}

/* CRM edited message fort */
.crm-edited-message {
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	padding-top: 2px;
}

/* CRM Suggestbox */
#crmSuggestDiv {
	position: absolute;
	z-index: 9999;
	width: 100%;
	overflow: auto;
	background-color: rgba(245, 245, 245, 0.9);
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
}

/* Each line in suggestbox */
.sggestLine {
	padding: 4px;
    color: #343434;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
}

.sggestLine:hover {
	background-color: #E8E8E8;
}

.crm-camp-navbar {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,247,247,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,247,247,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,247,247,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(247,247,247,1.00) 100%);
	border-bottom: 1px solid rgba(209,209,209,1.00);
	min-height: 43px;
}

.crm-tabs > .tablinks:hover {
	background-color: #eee;
}

.crm-tabs > .tablinks[wz-selected-tab="yes"] {
	background-color: #ccc;
}

.show-more {
	cursor: pointer;
	border-top: 2px dashed #cfd8dc;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.06) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.06) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: -o-linears-gradient(270deg,rgba(0,0,0,0.06) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.06) 0%,rgba(255,255,255,0.00) 42.48%);
}

.show-more:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.08) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.10) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: -o-linears-gradient(270deg,rgba(0,0,0,0.08) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.08) 0%,rgba(255,255,255,0.00) 42.48%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.08) 0%,rgba(255,255,255,0.00) 42.48%);
}

.show-more h3 {
	font-weight: normal;
}

.crm-email-area {
	height: 400px;
}

.mnw-select {
	min-width: 267px;
}

.crm-saved-data {
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 200px;
	height: 50px;
	box-shadow: 1px 2px 2px #CCC;
	border-radius: 7px;
	text-align: center;
	padding-top: 1.3rem;
	opacity: 0;
}

.animated {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* Invoice page details err message window */
td.adiionalOption > #ErrItem {
	height: 100px !important;
}

/* Accessability */
.accessability {
    background-color: royalblue;
    color: white;
    position: fixed;
    top: 20px;
    left: 0;
    width: 60px;
    padding: 15px;
    border: 0;
    cursor: pointer;
	z-index: 9999;
}

.accessability h2 {
	font-size: 24px;
}

.accessability-menu {
	direction: rtl;
    position: absolute;
    top: 77px;
    left: 0;
    background-color: white;
    width: 250px;
    border: 2px solid royalblue;
    font-size: 18px;
    font-family: Arial;
	z-index: 9999;
	padding: 0 20px;
	margin: initial;
}

.accessability-menu li {
    margin: 15px 0;
    cursor: pointer;
	font-size: 16px;
}

.accessability-menu li:hover {
    text-decoration: underline;
}

.sortable div.field[active-cat="true"] {
	background-image: -webkit-linear-gradient(270deg,rgba(252,239,233,1.00) 0%,rgba(250,214,198,1.00) 100%) !important;
	background-image: -moz-linear-gradient(270deg,rgba(252,239,233,1.00) 0%,rgba(250,214,198,1.00) 100%) !important;
	background-image: -o-linear-gradient(270deg,rgba(252,239,233,1.00) 0%,rgba(250,214,198,1.00) 100%) !important;
	background-image: linear-gradient(180deg,rgba(252,239,233,1.00) 0%,rgba(250,214,198,1.00) 100%) !important;
}

#accessability-menu {
	display: none;
}

.discount-td {
	width: 205px;
}

.ltr-left {
	direction: ltr;
	text-align: left;
}

.ltr-right {
	direction: ltr;
	text-align: right;
}

.table-grid {
	border-bottom: 1px solid rgb(221, 220, 220);
}

.grid-delete {
	cursor: pointer;
}

.centerThisItem{
	text-align: center;
    cursor: pointer;
}

.manot{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.showRatesByDate{
	border: none;
	border-radius: 5px;
	color: white;
	background-color: #51ab1d;
	padding: 6px 10px;
	cursor:pointer;
}

[srch-selected]{
	
	zztext-decoration:underline;	
	background-color: lightgrey; /*gold, */
}



/**** wze (2021) *****/ 
wz-editor.wze .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left:0 ;
    right:auto;
}

wz-editor.wze:not(.wze-ltr) .ql-snow .ql-editor.ql-blank::before {
    left:auto;
}
wz-editor.wze .smart-editor.ql-snow {
    background: white;
	word-break:break-word;
}
wz-editor.wze .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    z-index: 3;
}
wz-editor.wze .ql-snow .ql-picker.ql-expanded {
    z-index: 5;
}
wz-editor.wze .ql-editor .ql-size-small * {
  font-size: inherit;
}
wz-editor.wze .ql-editor .ql-size-large * {
  font-size: inherit;
}
wz-editor.wze .ql-editor .ql-size-huge * {
  font-size: inherit;
}
wz-editor.wze .ql-toolbar svg {
    max-height: 18px;
}



/*** accordion (2021) **/
.accordion .card-header  {
	    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
	cursor:pointer;
}
.accordion .card-body {
     overflow: hidden;
    max-height: 0;
    transition: max-height 0s ease-out;
	
}
.accordion .card-header.show + .card-body 
{
	    max-height: 5000px;
    transition: max-height 1s ease-in;
	
}

/* fixed right click (2021) */
#wiz-context-pp-menu {
    position: absolute !important;
}
/* table style w/o widths (2021) */
.table-style {
	background-color: #f5f5f5;
border: 1px solid #e6e6e6;
border-radius: 3px;
}
.orange-glow {
	border: 2px solid #F36D00 !important;
    box-shadow: 0px 0px 4px orange;
}

/**** progress bar (2022) ***/
.progress-bar-container {
	border: 2px solid #5f5d5e;
	border-radius: 5px;
	background: #e8e8e8;
	
}
.progress-bar-container.mid-screen
{
	position: absolute;
	top:50%;
	left:20%;
	width: 60%;
}
.progress-bar-container #bar {
	background-color: #51ab1d;
	width: 0%;
	height: 40px;
	transition: width 1s ease-out;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  /** toggle switch (checkbox) */
  input[type="checkbox"].toggle-switch {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 45px !important;
	height: 22px;
	display: inline-block;
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	outline: none;
	border: none;
	cursor: pointer;
	background-color: #acacac;
	transition: background-color ease 0.3s;
	border:1px solid transparent;
  }
  
  input[type="checkbox"].toggle-switch:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: #fff;
	left: 1px;
	top: 1px;
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
  }
  
  input[type="checkbox"].toggle-switch:checked {
	background-color: #f5aa88;
  }
  
  input[type="checkbox"].toggle-switch:checked:before {
	left: 25px;
  }
  
  input[type='checkbox'][disabled].toggle-switch.disabled
  { 
	  cursor: initial;
	  background: #EBEBE4 !important;
	  border: 1px solid #c7d0d1 !important;
  }
  /** export to excel btn (2022) **/

  .export_excel {
    position: absolute;
	top: -25px;
    z-index: 9999;
    right: -1000px;
    transition: all 0.5s;
    transition-delay: 0.5s;
}

div[id^="gridPapaAll_"] {
    position: relative;
	overflow-x: clip;
}
.WizGridHeadLinePapa:hover + .export_excel, 
.export_excel:hover {
    right: 0px;
}

.grid-paging .WizGridHeadLinePapa:hover + .export_excel,
.grid-paging .export_excel:hover {
    top: 4px;
    right: -10px;
}


  /* wizgrid date filter */
  .date-range { 
	overflow-x:auto;
	display: flex;
	transition: 1s ease-out all;
	min-width: 90px;
  }
  .col-grow.date-range {
    min-width: 200px;
  }
  .col-grow.date-range, .col-grow.date-range .col-date {
	background-color: #989696 !important;
}
  .date-range .date-grow {

    max-width:100%;
    transition: 1s ease-out all;
	padding-left:0px;
	padding-right: 0px;
}

.date-range .col-date { 
	position: relative;
	text-align: right;
	width:45%;
	min-width: 37px;
	max-width: 92px;
}
.date-range .col-date:last-child { 
	text-align: left;
}
.date-range .col-sep { 
	min-width: 10px;
	align-self:center;
	text-align: center;
	background-color: transparent !important;
}

  /** readonly-blocks **/

  .readonly-block-multi .ro-optional:before,
  .readonly-block-multi .table-content:before,
  .readonly-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(162 160 160 / 30%);
	z-index:1;
	pointer-events: none;
}
.readonly-block-multi .table-content .table-content:before, 
.readonly-block-multi .ro-optional .table-content:before {
	display: none;
}

.readonly-block-multi .ro-optional,
.readonly-block-multi .table-content,
.readonly-block {
    position: relative;
}

.readonly-block input, .readonly-block select, .readonly-block textarea, .readonly-block .calendar, .readonly-block a, .readonly-block button {
    pointer-events: none;
}
/*** multi-buttons */

.multi-buttons {
    cursor: pointer;
    padding: 0px;
    position: relative;
}

.multi-buttons .button {
    background: none;
    border: none;
	border-radius: 0px;
}

.multi-buttons .main-button {
    border-left: 1px solid white;
    border-radius: 0;
}

.multi-buttons .multi-icon {
    background: none;
    color: white;
    border: none;
    padding-right: 0px;
    cursor: pointer;
}


.multi-buttons .extra-buttons {
    position: absolute;
    left: 0;
    bottom: 39px;
    border: 1px solid #5f5d5e;
    background: white;
    border-radius: 5px;
}

.multi-buttons .extra-buttons .button:not(:hover) {
    color: #5f5d5e !important;
}

.multi-buttons .extra-buttons .button:not(:last-child) {
    border-bottom: 1px solid #5f5d5e;
    
}
.multi-buttons .extra-buttons:not(.dnone) ~ .multi-icon .fa:before {
    content: "\f078";
}
.disabled.multi-buttons *,
.multi-buttons[disabled] * {
    pointer-events: none;
}

/* green multi-button */
.green.multi-buttons .extra-buttons .button {
    color: #51ab1d !important;
}

.green.multi-buttons .extra-buttons {
    border-color: #51ab1d;
}

.green.multi-buttons .extra-buttons .button:not(:last-child) {
border-color:#51ab1d;
}

.green.multi-buttons .extra-buttons .button:hover {
	background: #51ab1d26;
}

/* inline multi-button */
.multi-buttons.inline-btn .extra-buttons { 
	bottom: 25px;
}

/*** grid width (var) */

.set--width,
.set--width [id^="PapaDiv"],
.set--width [id^="HeadLinePapa"] {
	width: var(--width) !important;
}


/**** tooltips */

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 2px;
    border-radius: 6px;
    z-index: 99990;
    opacity: 0;
    transition: opacity .6s;
    word-break: break-word;
}

.tooltip-left {
  right: 128%;
}
.tooltip-right {
    left: 125%;
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}
.tooltip-right::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent; 
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}