/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(/fonts/MoGpUcTu_oZLf0bsrG2xFQ.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(/fonts/iZqLGfCYEEkWEsr6HQRnSQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(/fonts/gtxIPk0-ZE5IZ2RrdsRLuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

* {
	direction: ltr;
	font-family: 'Cairo', sans-serif;
	font-weight: normal;
	line-height: 1.35;
}

body {
	font-size: 16px;
}

/*General*/
html,body,form{margin:0;padding:0;} a img{border:0} ul,li{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0}
.fA{float:left} .fB{float:right} .clr{clear:both;line-height:0;height:0}
.alignA{text-align:left} .alignB{text-align:right} .alignC{text-align:center} .mrgnAuto{margin:auto}
.block{display:block} .inline{display:inline} .none{display:none}  .noDirection{direction:ltr;}
.arabic {
	direction: rtl;
	text-align: right;
}
.english {
	direction: ltr;
	text-align: left;
}
.arabic input,
.english input {
	direction: inherit;
}

/*General-End*/
/*Links*/
a{text-decoration:none;color:#486273}
a:hover{text-decoration:underline}
/*Links-End*/
/*Forms*/
button, input, select, textarea {
	font-size: 1em;
}
a.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	background: #2687fb;
	border-radius: 4px;
	border: solid #8ba5b5 1px;
	color: #ffffff;
	padding: .5em .5em;
	text-decoration: none;
}
a.button:hover,
button:hover:enabled,
input[type='button']:hover:enabled,
input[type='reset']:hover:enabled,
input[type='submit']:hover:enabled{
  background: #3399ff;
  text-decoration: none;
}
a.button[disabled],
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
  cursor: default;
  opacity: .5;
  cursor: not-allowed;
}
a.button.warning,
button.warning,
input[type='button'].warning,
input[type='reset'].warning,
input[type='submit'].warning {
    background-color: #fecf1d;
    border: solid #fecf1d 1px;
}

	a.button.error,
	button.error,
	input[type='button'].error,
	input[type='reset'].error,
	input[type='submit'].error {
		background-color: #f44336;
		border: solid #f44336 1px;
	}

		a.button.error:hover,
		button.error:hover,
		input[type='button'].error:hover,
		input[type='reset'].error:hover,
		input[type='submit'].error:hover {
			background-color: #f66055;
			border: solid #f44336 1px;
		}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
    padding: 0.1em 0.2em;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
	height: 2.5em;
}

input[type=text]:read-only,
textarea:read-only {
	border-style: none;
	background-color: inherit;
}

input[type=text], textarea, select {
	width: 250px;
}



textarea {
	height: 4em;
}

select[disabled] {
	border-style: none;
	
	background: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.fullWidth,
input[type=text].fullWidth, input[type=text].textarea, input[type=text].select {
	width: 98.4%
}

.column > a.button.fullWidth,
.columns > a.button.fullWidth {
	width: 91%;
}

.column > label:first-child,
.columns > label:first-child {
	display: block;
	margin-top: .5em;
	margin-bottom: .5em;
}

.column.checkbox label,
.columns.checkbox label {
    display: inline-block;
}

.grid {
	width: 100%;
	border: solid 1px #fff;
	border-spacing: 0px;
	border-collapse: collapse;
}
.gridNoDirection{width:100%;border:solid 0px transparent; direction:ltr;}
.gridHeader{background:#486273;color:#fff;text-align:left;}
.grid thead tr {
	background: #486273;
	color: #fff;
	text-align: left;
}
.gridHeader a{color:#fff}
.gridHeader th{border:solid 1px #fdfdfd;}
.gridRow td{border:solid 1px #fdfdfd;}
.grid th, .grid td {
	border: solid 1px #fdfdfd;
	padding: 5px;
}
.gridAltRow{background:#f2f2f2;}
.gridAltRow--CustomerOrder{background:rgba(0,0,0,0.3);}
.gridAltRow td{border:solid 1px #fdfdfd;}

.gridVW{width:100%;border:solid 0px transparent; direction:ltr;}
.gridHeaderVW{background:#006600;color:#fff;text-align:left}
.gridHeaderVW th{border:solid 1px #000000;background:#006600}
.gridHeaderVW a{color:#fff}
.gridRowVW{background:#fff;}
.gridRowVW td{border:solid 1px #000000;}
.gridAltRowVW{background:#fff;}
.gridAltRowVW td{border:solid 1px #000000;}

.grid tfoot tr, .grid tfoot td {
    border: solid 1px #fdfdfd;
}

.tblAltRow{background:#f8f9fa}
.gridSearch {
	margin-bottom: .5em;
}

.subscript-label {
	font-size: smaller; 
	vertical-align: sub;
}


.gridSearch input[type=submit] {
	width: 48%;
}
.gridSearch label {
	display: inline-block;
}

.grid td a {
	color:#486273;
}

.grid td a.button {
	color: #ffffff;
}

.grid td i {
	font-size: 1.5em;
}

.grid td a.button i {
	font-size: 1em;
}

.grid td a:hover {
	opacity: .8;
}
.grid td a.deleted {
	color:#f44336;
}
.grid td a.posted {
	color:#26c43e;
}
.grid td a.reviewed {
	color: #fe7743;
}

.grid td button {
    font-size: .8em;
}

.grid tr.gridRow, .grid tr.gridAltRow {
	vertical-align: top;
}

fieldset {
    border: solid 1px #d1d5da;
    border-radius: 3px;
}

.fieldSet{width:700px;margin:20px auto;padding:10px}
.fieldSet legend{color:#711527;margin:0 0 0 10px;padding:0 5px}
.fieldSetFullWidth{margin:20px auto;padding:10px}
.fieldSetFullWidth legend{color:#711527;margin:0 0 0 10px;padding:0 5px}
.collapseExpandBtn{float:left;}

.btnWrapper {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #363636;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	z-index: 1;
	padding: 4px 0;
	text-align: center;
}

@media screen and (max-width: 850px) {
    .btnWrapper {
        position: sticky;
    }
}

.toolbarContainer{min-width:960px;max-width:1200px;display:inline-block;}
.toolbarContainer span,
.toolbarContainer label {
	color: #fff;
}
.btnHolder{display:inline-block;}
.btnToolbar{display:inline-block;vertical-align:middle;}
/*Forms-End*/
/*Toolbar*/
#pageTitle {
	padding:.2em 0;
}
#pageTitle h1 {
	display: inline-block;
}
.statusIcon {
	color: #fff;
	border-radius: 5px;
	text-align: center;
	padding: .55em;
	margin-inline: .3em;
}
.statusIcon.posted{background-color:#26c43e;}
.statusIcon.deleted{background-color:#f44336;}
.statusIcon.audited{background-color:#486273;}
/* Tips, Error, Message, Hightlight - Validations*/
#alertDiv, .alertDiv {
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	margin: .3em 0;
	color: #fff;
	padding: .5em;
	min-height: 2.2em;
	position:relative;
}
#alertDiv.confirm, .alertDiv.confirm {
	background-color: #4caf50;
}
#alertDiv.error, .alertDiv.error {
	background-color: #f44336;
}

#alertDiv.warning, .alertDiv.warning {
	background-color: #fecf1d;
}
#alertDiv i, .alertDiv i {
	position: absolute;
	top: .3em;
	font-size: 2em!important;
}

#alertDiv span, .alertDiv span {
	font-size: 1.3em;
	display: inline-block;
	margin: .1em 2em;
	width: 90%;
}

#alertDiv a, .alertDiv a {
	position: absolute;
	top: .8em;
	color: #fff!important;
	outline: none;
	font-size: 1em!important;
}

#alertDiv a i, .alertDiv a i {
	font-size: 1em!important;
}
/* Tips, Error, Message, Hightlight - Validations - End*/
/*Project Styles*/
/*Master Page*/
#mainWrapper{width:100%;min-height:100%;position:relative;background-color:#FDFDFD;}
.mainWrapperNoMenu #navWrapper{display:none}
#mainContainer{min-width:960px;max-width:1200px;margin:auto;}
#headerWrapper {
	min-width: 960px;
	max-width: 1200px;
	margin: auto;
}

#headerContainer {
	width: 100%;
	background-color: #fdfdfd;
	padding: .3em 0;
}
.logo {
	line-height: 0;
}

#contentWrapper{min-width:960px;max-width:1200px;margin:auto;position:relative;z-index:1;color:#2d2d2d;}
#footerWrapper{width:100%;height:1.5em;padding-bottom:.5em;}
#footerContainer{min-width:960px;max-width:1200px;margin:auto;direction:ltr}
.sep{height:1px;margin:10px 20px;clear:both;background:#A8A8A8}
/*Navigation*/
#navContainer{min-width:960px;width:100%;background:url("/images/navDropBg.gif") repeat-x scroll 0 0 transparent;}
#navWrapper{width:auto;height:34px;position:relative;min-width:960px;max-width:1200px;margin:auto;}
#menu{width:auto;height:34px;}
#menu li{float:left;height:34px;display:block;color:#fff;text-decoration:none;padding:0 8px;cursor:pointer;line-height:1.8;}
#menu li:hover, #menu .selected{background:url(/images/navDropBgSel.gif) repeat-x;}
.childMenu {
	display: none;
	background-color: #f9f9f9;
	border-right: solid 1px #d2d2d2;
	border-left: none;
	border-top: solid 1px #d2d2d2;
	position: absolute;
	padding: 0 0 0 3px;
	z-index: 10;
	border-bottom-left-radius: 5px;
	box-shadow: 1px 1px 1px #888888;
	border-bottom-right-radius: 10px;
	min-width:960px;
}
.menuDropSup{margin:0 5px;padding:0 0 10px 5px}
.menuDropCol{vertical-align:top;border-right:dotted 1px #313131;min-height:300px;min-width:250px;}
.menuDropCol:last-of-type{border:none}
.menuDropSup ul li{margin:5px 0 0 5px;padding:0 0 0 7px;}
.menuDropSup ul li a{display:block;text-decoration:none}
.menuDropSup ul li a:hover{text-decoration:underline}
.menuFolder {
	cursor: pointer;
}
/*Menu - End*/
/*Master Page - End*/
#contentContainer {
	border: solid 1px #D1D5DA;
	border-radius: 3px;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 10px;
}
#AdjustmentTotal{width:84.8%;text-align:left;}
/*TreeView*/
.treeViewMain div table tr td div{height:20px!important}
.treeParentNode{color:#486273}
.treeNode a,a.treeNode{color:#486273;text-decoration:none!important}
.treeNode a:hover,a.treeNode:hover{text-decoration:underline!important}
.treeSelected a,a.treeSelected{color:#ff9019!important;text-decoration:none!important}
.treeLeafNode a,a.treeLeafNode{color:#111111;text-decoration:none!important}
.treeLeafNode a:hover,a.treeLeafNode:hover{text-decoration:underline!important}
/*TreeView - End*/
/*popup*/
.popupOverlay{background:#000;position:fixed;width:5000px;height:5000px;left:0;top:0;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;z-index:2}
.popupWrapper{position:fixed;left:30%;top:30%;background:#fff;width:500px;border:solid 1px #d2d2d2;z-index:3;-moz-border-radius:10px}
.popupWrapperLarge{position:fixed;left:200px;top:50px;background:#fff;width:983px;border:solid 1px #d2d2d2;z-index:3;padding-left:5px;-moz-border-radius:10px}
.popupHeaderCont{background:#486273}
.popupHeader{color:#fff;margin:0 20px 0 0}
.closeBtn{height:26px;text-align:left;margin:5px 0 5px 5px}
.btnClose{width:80px;height:26px;border:0;background:url(Images/closeBtn.png) no-repeat;cursor:pointer;padding:0}
.popupContainer{padding:10px;overflow:scroll;height:400px}
/*popup - End*/
.emptyDiv{border:solid 1px #a8a8a8;padding:10px;color:#3a3a3a}
.totalLabelCell{text-align:right;}
/*Project Styles-End*/
/*LevelsPermissions*/
.tdAlign 
{
    text-align:left;
}

th input[type=text] {
	width: calc(100% - 15px);
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	outline: 0;
	color: #fff;
}

th input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
th input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
th input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
th input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
th input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
}

th a, th a:hover {
	text-decoration: none;
}

.popupWrapperLarge span
{
    width:auto;
}

#salesInvoiceTotals {margin-right:600px;}
.totalFooterText{display:block;width:98%;text-align:right;}
.gridDate input{width:100%;}
.journalEntryTotal {width:615px;}

/*Expand Collapse*/
.collapsed {background:url(Images/InnerTree/rplus.gif) no-repeat right center;padding-right:20px;}
.expanded {background:url(Images/InnerTree/rminus.gif) no-repeat right center;padding-right:20px;}
/*Expand Collapse - End*/

.signBox{margin:auto;}

.emptyData{background-color: #5F1120;color:#fff;display:block;text-align: center; width: 100%; }

/*Tab*/
.tab {list-style:none;padding:0px 0 0 5px;margin:0px;font-weight:normal;}
.tab li {display:block;height:40px;color:#FFF;background-color:#323D4A;margin:5px 10px 0 0;text-align:center;float:left;cursor:pointer;padding:0 10px;}
.tab li:hover {background-color:#53606F;}
.tabSelected {background-color:#53606F!important;font-weight:bold;}
.tab li a {display:block;height:100%;width:100%;color:#ffffff;}
.tabPage{padding:10px;margin:5px;margin-top:0px;border: 1px solid #323D4A;border-top:5px solid #53606F;width:97.2%;height:350px;}

.hidden{display:none;}

/*Typography*/
h1, h2, h3, h4, h5, h6
{
	margin: .1em 0 .4em 0;
}

h1 {
	font-size: 1.3em;
	font-weight: 600;
}

h2 {
	font-size: 1.2em;
}

h3, h4, h5, h6 {
	font-size: 1.1em;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown .button {
	background-color: #f9f9f9;
	border-color: #ebeaea;
	color: #000;
}

.dropdown .button:hover {
	background-color: #ebeaea;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
	right:0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 10;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #000;
    padding: .1em .2em;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

/*Awesomplete*/
.awesomplete > ul {
	left: 0;
	min-width: 25em;
}

.awesomplete > ul:before {
	left:1em;
	right: 0;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.modal-content.alertDiv {
	margin: 5% auto;
	padding: 10px;
}

.checkBoxList {
	max-height: 10em;
	overflow-y: scroll;
}
.checkBoxList table {
	border-spacing: 0;
}
.checkBoxList td {
	border-style: none;
}

span.invalid, 
td.invalid {
	color: #f44336;
	font-weight: 600;
}
input.invalid,
select.invalid,
textarea.invalid,
select.invalid + div.selectize-control > .selectize-input {
	border-color: #f44336;
	outline: #f44336;
}

.archiveCount {
	font-family: FontAwesome;
	text-align: center;
}

/* Skeleton Grid
末末末末末末末末末末末末末末末末末末末末末末末末末 */

/* Grid
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.container {
  position: relative;
  width: 100%;
  min-width:960px;
  max-width:1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
    margin-left: 4%; margin-right: 0;}
  .column:first-child,
  .columns:first-child {
    margin-left: 0; margin-right: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

/* Clearing
末末末末末末末末末末末末末末末末末末末末末末末末末 */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

.column input[type=text], .column textarea, .column select, .column.autocomplete .awesomplete,
.columns input[type=text], .columns textarea, .columns select, .columns.autocomplete .awesomplete {
    width: 100%;
}

.column.autocomplete-tree .awesomplete,
.columns.autocomplete-tree .awesomplete {
	width: calc(100% - 39px);
}

@media (max-width: 800px) {
	.desktop {
		display: none;
	}
}

span.glyphui {
	display: inline-block!important;
}

.selectize-control.multi {
	display: inline-block;
}

.control-group {
	display: flex;
	column-gap: 3px;
}