@font-face{
    font-family:'untash';
    src:url(../fonts/untash.eot);
    src:url(../fonts/untash.woff) format("woff"),url(../fonts/untash.ttf) format("ttf")
  }
  
  .center{
      text-align:center;
  }
  
  .ltr{
      direction:ltr;
  }
  
  body{
      direction:rtl;
      font-family:'untash';
      padding:0;
  }
  
  .dropdown-menu{
      text-align:right;
  }
  
  *:not(.fa){
      font-family:'untash' !important;
  }
  
  .rememberme{
      margin-right:20px;
  }
  
  
  .login-logo{
      width:100px;
      border-radius:50%;
      margin: 20px 0;
  }
  
  .panel-login{
      max-width:350px;
      margin:auto;
      text-align:center;
      margin-top:50px;
  }
  
  .panel-login .checkbox{
      margin-top:30px;
  }
  
  .panel-login input{
      text-align:center;
  }
  
  .panel-login .btn-primary{
      font-size:20px;
      margin:15px;
      width:200px;
  }
  
  .dashboard .main{
      margin-top:65px;
  }
  
  .nav.menu{
      padding:0;
  }
  
  .nav.menu .fa{
      font-size:20px;
      margin-left:10px;
      color:#555;
  }
  
  .nav.menu li a{
      transition:all 200ms;
      color:#555;
  }
  
  .dropdown-menu .fa{
      font-size:16px;
      margin-left:10px;
  }
  
  .children li{
      padding-right:30px;
      transition:all 200ms;
  }
  
  .children li .fa{
      vertical-align: middle;
      margin-right:10px;
  }
  
  .children li a{
      border-top-right-radius:10px;
      border-bottom-right-radius:10px;
  }
  
  .children li.active a{
      background-color:#30a5ff !important;
  }
  
  .children li.active .fa{
      color:#fff;
  }
  
  .panel-login .alert{
      display:block;
  }
  
  .widget-left .fa{
      font-size:50px;
  }
  
  .widget-right .text-muted, .menu li a{
      white-space: nowrap;
      /* overflow: hidden; */
      text-overflow:ellipsis;
  }
  
  h2 .fa{
      margin:0 10px 0 5px;
  }
  
  .table th{
      text-align:right;
  }
  
  .table .btn{
      width:80px;
  }
  
  .table-orders th:last-child{
      width:265px;
  }
  
  .table-orders th:first-child{
      width:80px;
  }
  
  .table-sentorders th:last-child{
      width:181px;
  }
  
  .preview{
      padding:10px;
      margin:auto;
      height:140px;
      display:block;
      border:2px solid #ddd;
      border-radius:5px;
      cursor:pointer;
      transition:all 200ms;
  }
  
  .preview:hover{
      border-color:#09abf6;
  }
  
  .table-categories img,
  .table-categories th:first-child,
  .table-meals img,
  .table-meals th:first-child
  {
      width:100px;
  }
  
  .table-categories td,.table-meals td,.table-districts td, .table-dialogs td{
      vertical-align: middle !important;
  }
  
  .table h3,.table h4{
      text-align:center;
      font-size:16px;
      line-height:25px;
  }
  
  .modal textarea{
      resize: none;
      height:140px;
  }
  
  .parent>span{
      position: relative;
      display: block;
      padding: 10px 15px;
      cursor:pointer
  }
  
  .box{
      box-shadow:0 0 2px #888;
      height:100px;
      display:inline-block;
      width:150px;
      cursor:pointer;
      vertical-align: top;
      margin:4px;
      transition:all 200ms;
      background-size:cover !important;
      background-position:50% 50% !important;
  }
  
  .box:hover{
      box-shadow:0 0 5px #30a5ff;
  }
  
  .box.add, .box.add-slide{
      font-size:50px;
      text-align:center;
      padding-top:25px;
  }
  
  .box.add:hover, .box.add-slide:hover{
      color:#30a5ff;
  }
  
  .table-customers td{
      vertical-align : middle !important;
  }
  
  li.active>a>.fa{
      color:#fff !important;
  }
  
  .payment-form{
      font-family: Tahoma;
      font-size: 11px;
      background: none repeat scroll 0 0 #EEEEEE;
      float: right;	
      width:100%;
      
  }
  .payment-form table{
      float: right;
      direction:rtl;
  }
  
  .payment-form tr td {
      padding: 2px;
      border-bottom:   1px  solid #DDDDDD;
      text-align : right;
  
  }
  
  .payment-form .Sep-input{
      padding: 2px;
      font-family: Tahoma;
      font-size: 11px;
      border: 1px solid #CCCCCC
  }
  
  .payment-form .Sep-submit{
      padding: 2px;
      font-family: Tahoma;
      font-size: 11px;
      border: 1px solid #CCCCCC;
      background: Green;
      width: 80px;
  }
  
  .payment-form .Sep-submit:hover{
       cursor: pointer;
       background: #EEEEEE;
  }
  
  .payment-form .description-require{
      color: #FF0000
  }
  
  .payment-form .description-field{
      font-size: 10px;
  }
  
  .error-payment {
      background: #FFB9B9  none  repeat  scroll 0;
      font-size: 11px;
      padding: 5px;
      border:  1px  solid #FF0000;
      border-radius: 3px;
      float: right;
      color: #CC0000;
      margin-top:10px !important;
  }
  
  .success-payment {
      background: #B7FFB7  none  repeat  scroll 0;
      font-size: 11px;
      padding: 5px;
      border:   1px  solid #009900;
      border-radius: 3px;
      float: right;
      color: #006600;
      margin-top:10px !important;
  }


table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

.table-customers h4{
	font-size:16px;
	margin:0;
}

.table-orders tbody tr td:last-child{
    text-align:center;
}

.table-orders .btn{
    margin:2px 0;
    font-size:12px;
}

.cat-holder .btn{
	width:100%;
}

.table-hover td{
	transition:all 200ms;
}

.table-orders .edited td{
	background-color:#e8ffe0 !important;
}

.table-orders .edited:hover td{
	background-color:#e8ffe0 !important;
}

.table-orders .canceled td{
	background-color:#ffeeee !important;
}

.table-orders .canceled:hover td{
	background-color:#ffe7e7 !important;
}


.table-orders .canceled h4{
	opacity:0.5;
}

.table-orders .canceled .btn-cancel{
	opacity:0.5;
	cursor:not-allowed;
}

.table-orders td{
	vertical-align:middle !important;
}

.table-orders td:nth-child(4){
	width:250px;
}

.table-orders td:nth-child(7){
	width:130px;
}

.table-orders td:nth-child(4) h4{
	font-size:14px;
}

.table-orders th{
	text-align:center;
}

.btn-holder{
	clear:both;
}

.btn-holder .btn{
	width: 137px;
	font-size: 17px;
	height: 40px;
	margin:0 5px;
}

.details-alert, .edit-alert{
	padding-bottom:0px !important;
}

.btn{
    transition:all 200ms;
}

.costs-holder{
	padding:0 10px;
	height:50px;
}

.costs-holder h4:first-child{
	float:right;
}

.costs-holder h4:nth-child(2){
	float:left;
}

.loading-alert{
	padding:0 !important;
	border-radius:100%;
	width:200px;
	height:200px;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-100px;
	animation:logo-anim 2000ms infinite !important;
}

.loading-alert img{
	margin-top:-19px;
	
}

@keyframes logo-anim{
	0%{
		transform:scale(1);
	}

	50%{
		transform:scale(1.1);
	}
}

.edit-alert .table input{
	width:50px;
	display:block;
	margin:0;
	text-align:center;
	height:30px;
}

.edit-alert .table thead th:nth-child(3), .edit-alert .table thead th:nth-child(4){
	width:60px;
}

.edit-alert .table td{
	vertical-align:middle;
}

.edit-alert{
	width:600px;
	margin-left:-300px;
	margin-top:-280px !important;
}

.details-alert th, .edit-alert th{
	text-align:center;
}

.table-select{
	background:none;
	border:none;
	width:auto;	
}

.edit-alert .district-select{
	width:270px;
	float:right;
}

.edit-alert .costs-holder{
	margin-bottom:20px;
}

.report-header{
	line-height: 35px;
	height:100px;
}

.report-header span{
	margin:0 0 0 10px;
}

.report-header .left{
	display:none;
}

.table-customers td, .table-customers th{
	text-align:center;
}

.table-categories .handle, .table-meals .handle{
	float:right;
	margin-top:15px;
	margin-right:10px;
	background:#ddd;
	color:#000;
	width:30px;
	height:30px;
	border-radius:50%;
	text-align:center;
	font-size:25px;
	padding-top:2px;
	right:150px;
}

.sindu_dragging tr{
	background:#fff !important;
}

.panel-manage label{
    padding-right:20px;
}

.panel-manage label input{
    margin-left: 5px;
    vertical-align: middle;
}

.work-time h3{
	margin-bottom:20px;
}

.work-time .form-control{
	display:inline-block;
	width:70px;
	padding-right:0;
	margin:2px;
	direction:ltr;
	text-align:center;
}

.work-time span{
	display:inline-block;
	width:60px;
}

.left{
	text-align:left;
}

.week{
	text-align:center;
	margin:60px 0 1px 0;
}

.week label{
	margin-left:15px;
	display:inline-block;
	cursor:pointer;
}

.week input{
	vertical-align:middle;
	margin-top:-2px;
}

.file-container input{
	float:left;
}

.btn-answer { 
    margin-bottom : 5px;
}

.ql-editor { 
    min-height : 200px;
}

.ql-align-center{
	text-align:center;
}

.ql-align-right{
	text-align : right;
}

.ql-direction-rtl{
	direction : rtl;
}

.ql-direction-ltr{
	direction : ltr;
}

.print-count-container{
	text-align:right;
	margin-bottom: 10px;
	padding-right: 10px;
}

.table-no-margin{
	margin-bottom:10px;
}

h3.discounted{
	color : red;
	text-decoration : line-through;
	margin-bottom : -20px;
}

.box.slide{
	background: #000;
}

.box.slide video{
	width: 150px;
	height: 100px;

}

.active-checkbox{
	width: 25px;
	height : 25px;
}