﻿
@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


.ti.ti-id-badge.r {
}


.def-fy{
    font-family: BYekan;
}

/*body {
    padding-top: 0px;
    padding-bottom: 20px;
	font-family:BYekan ;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



.title{
    font-family: BYekan;
 
}

legend01 {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
	text-align:center;
}
.btn-primary01 {
  background-color: #ffffff;
  border-color: #eaeaec;
  color: #000000;
  width:90px;
}
.btn-primary01:hover {
  background-color: #3395ff !important;
  border-color: #3395ff;
  color: #ffffff;
}
/*div *{
	font-family:BYekan;
}*/
#panel, #flip {
		padding: 5px;
		text-align: center;
		background-color: #eaeaec;
		border: solid 1px #eaeaec;
	}

#panel {
	padding: 40px;
	display: none;
}
.btn-azure {
  margin-right:40px;
}
.btn-primary.btn-o {
 margin-top:15px;
}
.btn-primary {
  margin-top:15px;
}



.jqx-combobox-input{
	height: 32px !important;
}

.element.style {
    display: block;
    height: 29px;
    text-align: center !important;
    width: 151px;
    z-index: 1794;
}
.r{
  color:#ff0000;
}
.errorColor{
  color:#a94442!important;
}
.g{
  color:#10ac04;
}
.b{
  color:#045bb9;
}
.f{
  color:#cf09b9;
}
input[type="price"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #eaeaec;
  background-image: none;
  border-radius: 0 0 0 0 !important;
  color: #5b5b60;
  font-family: inherit;
  font-size: 14px;
  white-space:200px;
  line-height: 1.2;
  padding: 5px 4px;
  transition-duration: 0.1s;
  box-shadow: none !important;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
width:100px;
}
input[type="cod"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #eaeaec;
  background-image: none;
  border-radius: 0 0 0 0 !important;
  color: #5b5b60;
  font-family: inherit;
  font-size: 14px;
  white-space:200px;
  line-height: 1.2;
  padding: 5px 4px;
  transition-duration: 0.1s;
  box-shadow: none !important;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
width:80px;
}

.btn-edit-employee
{
	height:49px;
    width:70px;
    background-color:#e4fcfb;
}
.btn-edit
{
	height:30px;
    width:100px;
    background-color:#e4fcfb;
}
.lable-edit-employee
{
	margin-top:9px;
}
.nested-employee
{
	margin:10px 10px 0 10px;
    
}
.panel-white, .partition-white {
  background-color: #e4fcfb !important;
  color: #d3d3dd;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.nested-ul
{
	margin-left:30px;
  
}
.nested-ul-product
{
	margin-right:30px;
  
}
.col-md-6
{
	direction:rtl !important;
  
}
.col-md-4
{
	direction:rtl !important;
  
}
.dir-ltr{
    direction:ltr;
}

.export{
    position: relative !important;
    margin: 33px -164px 5px 10px !important;
}
.export-li{
    position:relative!important;
}
.btn-group{
    margin:5px;
}
filtericon jqx-widget-header{
    display:none !important;
}
.backbrand{
   background:#f9f9f9; 
   border:solid 1px #f9f9f9;
    border-radius:5px;
    padding:3px 3px 3px 3px;
}
.hrcontact{
    border:1px solid #ffffff;
}
.textareanested{
    max-width:900px;
    width:950px;
    height:auto;
}
.myDivContentnested
{
	margin:10px 10px 0 10px;
    width:50%;

}
.myDivnested
{
	margin:10px 10px 0 10px;
    width:50%;
    float:left;
}
.textareamyDivContent{
    max-width:430px;
    width:450px;
}
.imgmyDiv{
    width:40%;
    height:40%;
    /*float:left;*/
}
.applyinput{
    height: 25px;
     margin-left: 20px;
     margin-top: 7px;
}
.filterbutton {
     padding: 4px 12px;
      margin-left: 2px;
}
.filterclearbutton{
    padding: 4px 12px;
     margin-left: 5px;
}
.textInput{
  margin:5px;
 box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
}
.textInputdate{
  margin:5px;
 box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
  
}
.activeLink{
	color:#337ab7;
}
.seenMails{
	background-color:#337ab7;
}

.stars-container {
  position: relative;
  display: inline-block;
  color: transparent;
}

.stars-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: lightgray;
}

.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: gold;
  overflow: hidden;
}

.stars-0:after { width: 0%; }
.stars-10:after { width: 10%; }
.stars-20:after { width: 20%; }
.stars-30:after { width: 30%; }
.stars-40:after { width: 40%; }
.stars-50:after { width: 50%; }
.stars-60:after { width: 60%; }
.stars-70:after { width: 70%; }
.stars-80:after { width: 80%; }
.stars-90:after { width: 90%; }
.stars-100:after { width: 100%; }
.canvasstar{
top: 40px;
  left: 100px;
  width:40px;
  height:40px;
}
.jqx-menu-vertical {
    height:290px !important;
}
.jqx-menu-vertical-Second {
    height:100px !important;
    margin-left: 0px !important;
}
.disableClass {
        background-color: #ffdfdf !important;
}

.btn-floating-action.btn-xs {
    width: 28px;
    height: 28px;
}
.btn-xs {
    font-size: 12px;
}
.btn-floating-action {
  width: 44px;
  height: 44px;
  border-radius: 999px !important;
  padding: 0;
  font-size: 17px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  -webkit-transition: -webkit-box-shadow 0.15s ease-out;
  -moz-transition: -moz-box-shadow 0.15s ease-out;
  -o-transition: -o-box-shadow 0.15s ease-out;
  transition: box-shadow 0.15s ease-out;
}

.ink-reaction {
    position: relative;
    overflow: hidden;
}
/*Start ltr EmailManagment*/
.messages-list .messages-item .messages-item-from, .messages-list .messages-item .messages-item-subject, .messages-list .messages-item .messages-item-content {
  text-align:left !important;
  direction:ltr !important;
}
.inbox .email-reader {
  margin-right: 0 !important;
  margin-left: 600px !important;
}
.inbox .email-options .main-options {
  direction:ltr !important;
}
.message-header {
  direction:ltr !important;

}
.message-contentEmail {
  color:#c2c2c5 ;
  font-weight:normal;
}
.disable {
        color: #AEA9A9 !important;
}
  .yellow {
            background-color: yellow;
        }
    .red {
            background-color: red;
        }
      .green {
            background-color: green;
        }
      .diablePage{
    background: rgb(119, 137, 171) none repeat scroll 0% 0% !important;
}
.diablePage:hover{
    background: rgb(119, 137, 171) none repeat scroll 0% 0% !important;
}

/*End ltr EmailManagment*/
