@font-face {
  font-family: "photon-entypo";
  src: url('./fonts/photon-entypo.eot');
  src: url('./fonts/photon-entypo.eot?#iefix') format('eot'),
    url('./fonts/photon-entypo.woff') format('woff'),
    url('./fonts/photon-entypo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
    src: local('Droid Arabic Kufi'), local('DroidArabicKufi'), url('./fonts/DroidArabicKufi.woff') format('woff');

  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
} */


/* arabic */
/* @font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/DroidArabicKufi.woff');
  src: url('./fonts/DroidArabicKufi.woff') format('woff');

    src:  url('./fonts/DroidArabicKufi.woff') format('woff2');

  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
} */

@font-face {
  font-family: 'Tajawal Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Tajawal Regular'), url('./fonts/tajawal/Tajawal-Regular.woff') format('woff');

}


.form-row{
  margin-top: 10px;
}

html, body { height: 100%;
  /* font-family: 'Droid Arabic Kufi';  */
}
body { margin: 0;  }



.ui-tree {
  padding: .7rem;

  height: 100%;
  overflow: auto;
}

.ui-tree .ui-treenode-selectable.ui-treenode-content {
  cursor: pointer;
}
.tree-disabled .ui-tree {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.ui-tree .ui-tree-container {
  margin: 0;
  white-space: nowrap;
  
  padding: 0.286em;
  overflow: hidden;
}

.ui-tree-empty-message {
  padding: .25em;
}

.ui-tree .ui-treenode-children {
  margin: 0;
  padding: 0 1em 0 0;
}

.ui-tree .ui-treenode {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat-y;
  list-style: none outside none;
  margin: 0;
  padding: 0.143em 0;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.ui-tree ui-tree-node:last-child > .ui-treenode{
  background: 0 0;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  /* border: 1px solid transparent; */
/* display: flex; */
outline: none;
}
.ui-tree .ui-tree-toggler {
  cursor: pointer;
 

  vertical-align: middle;
  display: inline-block;
  float: none;
  padding: 0 .4rem;
    color: #848484;

    width: 24px;
    height: 24px;
    line-height: 24px;
    background-image: url(img/32px.png);
    background-position: -100px -36px;
}

.ui-tree .ui-treenode-icon {
  display: inline-block;
  vertical-align: middle;

  margin: 0 0.143em  0 0.143em;
  color: #848484;
}

.ui-tree .ui-treenode-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 2px 15px;

  flex: 1;
font-weight: bold;
  
 
}

.ui-tree .ui-treenode-label.ui-state-hover,
.ui-tree .ui-treenode-label.ui-state-highlight {
  font-weight: normal;
  border: 0 none;
}

.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
  /* visibility: hidden; */
  background-position: -68px -36px;
}
.ui-tree .ui-tree-toggler.open{
  background-position:-132px -36px;
}

.ui-tree .ui-treenode.ui-treenode-leaf .ui-treenode-label{
  font-weight: normal;
}


.ui-tree .ui-tree-filter {
 
  padding: 3px 6px;
  padding-left: 1.5rem;
  box-shadow: none;
  border-radius: 4PX;
  display: inline-block;
  width: 100%;
  min-height: 25px;
  font-size: 13px;
  line-height: 1.6;
  border: 1px solid #ddd;
  outline: none;
}
.ui-tree .ui-tree-filter:focus {
  border-color: #6db3fd;
  box-shadow: 3px 3px 0 #6db3fd, -3px -3px 0 #6db3fd, -3px 3px 0 #6db3fd, 3px -3px 0 #6db3fd;
}
.ui-tree .ui-tree-filter-container {
  position: relative;
  margin: 0 0 .6rem 0;
  display: inline-block;
  width: 100%;
  position: sticky;
  top: 0;
}

.ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
  position: absolute;
  right: auto;
  left: 0.6rem;
  top: .3rem;
  pointer-events: none;
  opacity: .5;
}

/** Fluid **/


 .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
 
  border-right: 3px solid #346cb0;
    background: rgba(0,0,0,.12);
    box-shadow: inset 0 0 1px rgba(0,0,0,.12);
    font-weight: bold;
}
 .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 0.5em 0 0;
}
 .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
  margin: 1px 0 0 0;
}
 .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  color: #333333;
  background: rgba(0,0,0,.12);
  box-shadow: inset 0 0 1px rgba(0,0,0,.12);
}
 .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}

 .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:focus .ui-treenode-label:not(.ui-state-highlight){
  outline: 0 none;
  outline-offset: 0;
  background-color: #eaeaea;
  color: #333333;

}




.select-css {

  min-width: 120px;
	box-sizing: border-box;
	margin: 0;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
  background-size: .65em auto, 100%;

}

*[dir="ltr"] .select-css{
  background-position: right .7em top 50%, 0 0;
	padding: .6em 1.4em .5em .8em;

}
*[dir="rtl"] .select-css {
    
  background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

.select-css::-ms-expand {
	display: none;
}

.select-css:focus {

	outline: none;
}