
body {
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:15px;line-height:1.25;
	position:absolute;
	top:0;left:0;right:0;bottom:0;margin:0;padding:0;
	box-sizing: border-box;
}
#footer_debug pre {
	font-size: 12px; line-height: 1;
}
/*
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #4e4e4e;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}*/
::-webkit-scrollbar {
    width: 7px;
	height:7px;
}

/* Track */
::-webkit-scrollbar-track {
    border: 4px solid transparent;
    background-clip: content-box;   // this is important
}

.card-header {
    padding: 0 10px;
    color: #f1f1f1;
    background: #8a8c8b;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
select:disabled, input:disabled{
    background: #e8e7e7;
}
h4.title {
    margin: 0px;
    font-weight: 400;
    font-size: 0.7em;
    padding:0 15px;
}
.card.panel-body {
	 background: #fff;
	 border-radius: 3px;
	 margin-bottom: 20px;
	 box-shadow: 0px 0px 30px #dfdfe2;
}
.card.panel-body.pheight400 {
    border: 0;   
    padding-bottom: 50px; 
    /*box-shadow: 0 1px 10px -20px rgba(189, 184, 176, 0.28), 0 1px 10px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(232, 230, 226, 0.2); */
}

.card-content.table-responsive {
	padding: 0 10px;
    padding-top: 20px;    
}
.card-content.table-responsive.big {
	overflow-x: scroll;
}
/* .card-content.table-responsive.big table { width: 500px; }  */
.card_box{ background: #fff;    padding: 15px; box-shadow: 0px 0px 30px #dfdfe2; border-radius: 3px;}
.card .card-content-tiny { width: 70%; float: left; }
.card .card-content-tiny .title{ line-height: 31px;   padding: 0 1%; }
.card .card-content-tiny .stats{ margin: 0;  line-height: 20px;  font-size: 14px;  padding: 0; }
.card .card-icon { width: 30%; float: right; text-align: right; padding: 8px 0;}
.card .card-icon i { font-size: 35px; /* color: #711172; */}
.label { /* display: block; */ padding: 0;font-size: 100%;font-weight: bold;line-height: 2em;color: #000;text-align: left;}

.inbox-widget { line-height: 20px; }
.inbox-widget a {
    display: block;
    overflow: hidden;

}
.inbox-widget .inbox-item {
    padding: 10px 0;
    position: relative;
}
.inbox-widget .inbox-item .inbox-item-img {
    float: left;
    width: 40px;
    display: block;
    margin-right: 15px;
}
.inbox-widget .inbox-item img {
    width: 40px;
}
.inbox-widget .inbox-item .inbox-item-author {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 0; 
    font-size: 16px;
}
.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}
.inbox-widget .inbox-item .inbox-item-date {
    position: absolute;
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
	line-height: 22px;
	margin-bottom: 0 !important;
}

.inbox-widget .inbox-item .inbox-item-amount{
    position: absolute;
    right: 5px;
    margin-top: -20px;
    font-weight: 500;
    /*color: #03a9f4;*/
}
.dashboard_stats {    margin:0; margin-bottom: 30px;}
p.category { margin: 0 ; }

a, a:hover, .logo a:hover{
	text-decoration: none;
}
.wrapper {
    position: relative;
    top: 0;
    height: 100vh;	
	background: #edeff5;
    box-shadow: 0px 0px 20px #dfdfe2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    display: block;
    z-index: 1;    
    font-weight: 200;
    background: #fff;
	border-top-left-radius: 5px;
    /*box-shadow: 0px 0px 3px #89898a;*/
}
.sidebar, .main-panel {
    overflow: auto;
    max-height: 100%;
    height: 100%;
    -webkit-transition-property: top,bottom;
    transition-property: top,bottom;
    -webkit-transition-duration: .2s,.2s;
    transition-duration: .2s,.2s;
    -webkit-transition-timing-function: linear,linear;
    transition-timing-function: linear,linear;
    -webkit-overflow-scrolling: touch;
}
.sidebar .sidebar-wrapper {
    position: relative;
    max-height: none;
    min-height: 100%;
    overflow: hidden;
    width: 250px;
    z-index: 4;
}
.sidebar .logo, body > .navbar-collapse .logo {
    padding: 10px 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    border-right: 1px solid #f4f4f4;
}
.sidebar .logo a {
    font-size: 20px;    
    font-weight: 400;
    text-decoration: none;
}
.sidebar .logo a:hover {
	text-decoration: none;
	color: #0683bb;
	opacity: 0.8;
}
.sidebar .logo .simple-text, body > .navbar-collapse .logo .simple-text {
    text-transform: capitalize;
    padding: 6px 0px;
    display: block;
    font-size: 15px;
    color: #4b4c4c;
    text-align: center;
    font-weight: 400;
    line-height: 30px;    
}


.sidebar .logo img {
    max-width: 200px;
    max-height: 100px;
    width: auto;
    height: auto;
    opacity: 1;
    /*border-radius: 50%;    */
}
.sidebar .logo img:hover {
    opacity: 0.7;
}
.logo a:hover{
	color: #fed;
}
#nav {
    min-height: calc(100% - 330px);
}
.sidebar .nav {
    margin-top: 0px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
nav#nav ul li {
    list-style: none;
    /*border: 1px solid #e8eae9;*/
}
.nav>li {
    position: relative;
    display: block;
}
#nav ul li a.active, #nav ul li:hover a{
   /* box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125);*/
    color: #4b4c4c;
    opacity: 1;
}
select[multiple] {   height: 80px !important;}
select[multiple]  option{   line-height: 80px !important;}

#nav ul li a {
    display: block;
    text-decoration: none;
    outline: 0;
    border: 0;   
    font-size: 14px; 
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
	border-left:5px solid transparent;
}

#nav ul li a i {
	vertical-align: middle;
    line-height: 55px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    margin: 0 13px;
}

.icon-apps, .icon-power_settings_new , .icon-donut_large, .icon-account_circle, .icon-burst_mode{
	font-size: 25px;
}
.icon-th-large{
	font-size:18px;
}
#nav ul li a p {
    margin-top: -5px;
    display: inline;
    height: 21px;
    font-weight: 400;
    line-height: 55px;
}

.main-panel {
    background: #f8f8f8;
    position: relative;
    z-index: 2;
    float: right;
    width: calc(100% - 250px);
    min-height: 100%;
	border-top-right-radius: 5px;
}
.main-panel .navbar {
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border: 0;
    font-size: 16px;
    border-radius: 0;
    /*padding: 10px 10px;
    box-shadow: 0px 0px 5px #89898a;*/
}
.main-panel > .content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 15px;
    min-height: calc(100% - 150px);
}

.container-fluid {
    padding: 0px 0 0px 15px;
    margin-right: auto;
    margin-left: auto;
    line-height: 55px;
    font-size: 20px;
    display: list-item;
}
#_page_body .container-fluid{
	display:block;
}
.footer .container-fluid{
	display: block;
}
.container-fluid .left {
    float: left;
    margin: 0;
    margin-right: 15px;
}
.container-fluid .right {
    float: right;
    margin: 0;
    text-align: right;
  /*  border-left: 1px solid #f1f3f2;*/
}

.main-panel > .footer {
    border-top: 1px solid #e8e8e8;
    /* background: #fff; */
}
.pull-left {
    float: left;
}
.footer .copyright {
    color: #777777;
    padding: 5px 15px;
    margin: 0;
    line-height: 40px;
    font-size: 14px;
}
.footer nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.footer:not(.footer-big) nav > ul li {
    margin-left: 0px;
    float: left;
    font-size: 14px;
}
.footer:not(.footer-big) nav > ul a {
    padding: 10px 0px;
    margin: 10px 10px 10px 0px;
    font-size: 14px;
}
.footer:not(.footer-big) nav > ul a:hover {
	text-decoration: none; 
}
.pull-right {
    float: right;
}
.toggle {
    display: none;
}
.subHeaders {
	font-size: 16px;
    background: #dedede;
    padding: 0 10px;
    line-height: 40px;
    margin:8px 0;
}
.MenuPart { margin-bottom:10px; }
.MenuPart ul li{ list-style: none;  padding-left: 20px;}
.MenuPart ul li img{ width:25px; padding:5px;}
.MenuPart ul li a { text-decoration: none; line-height: 30px;   font-size: 13px; }
.MenuPart ul li a:hover { text-decoration: none;}
.MenuPart ul.left,  .MenuPart ul.right{ padding:0; margin:0; }
.MenuPart ul.left{ width:48.9%; float: left; }
.MenuPart ul.right{ width:48.9%; float: right; }
tr, td, th {
	font-size: 13px;
	line-height: 19px;
}


textarea {
	font-size: 13px;
    border: 1px solid #dedede;
}

a[href="javascript:goBack();"]{
	display: none;
}

select {
    width: 100%;
    /* margin-bottom: 20px; */
    height: 35px !important;
    border: none;
    outline: none;
   /* padding: 8px;*/
    font-size: 13px;
    background: #fff;
    color: #000;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.3); */
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 2px;
}
select option { line-height:35px; } 
input {
	height: 25px !important;
    border: 1px solid #dedede;
	padding-left:5px;
}


input[type="checkbox"]{
	width: 18px;
    height: 18px;
}

select {
    max-width: 230px;
}
input[name="deliver_to"] {
    width: calc(100% - 4px);
    
}
option.inactive {
	text-decoration: line-through;
	color: gray;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

a {
	color: #4e4e4e;
	font-size: 13px;
	text-decoration: none;
}

a:link {
	color: #4e4e4e;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}

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

.inactive {
	color: gray;
}

button {
	position: relative;
    padding: 4px 35px;
    line-height: 30px;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(3, 169, 244, 0.43);
    
    color: #ecf0f1;
	cursor: pointer;
    transition: background-color .3s;
}
button#CancelOrder, button[value="Cancel"]{ background-color: #f59e1e; } 
button[value="Clone"], button[name="clone"] { background: #03a797; } 

button img, span {
	padding: 0px 2px ;
	vertical-align: middle;
}
img[title="GL"], img[title="Credit This"], img[title="Edit"], img[title="Print"], img[title="Print Receipt"], img[title="Invoice GRN"], img[title="Receive"], img[title="Print Remittance"] { height: 20px !important ;width: 20px !important; } 
img[title="Search customers"], /*img[title="Search items"], */ img[title="Search GL accounts"]{ display: none; } 
button[name="delete"] { background:#f94a3d;} 
td.navibar { line-height: 45px; padding-left:15px !important} 
/*.combo_select + img, */ .combo + img { display: none; } 
div.tabs {
	padding: 3px 0 0 0;
	background: none transparent scroll repeat 0% 0%;
	white-space: nowrap;
	border-collapse: collapse;
	border-bottom: 1px solid #cccccc;

}
div.tabs a {
	border: 1px solid #cccccc;
	padding: 3px 10px;
	font-weight: normal;
	background: white scroll repeat 0% 0%;
	color: #436976;
	margin-right: 0;
	height: 10px;
}
div.tabs a.selected {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom:  1px solid #dee7ec;
	border-left: 1px solid #cccccc;
	font-weight: normal;
	background: #dee7ec;
	color: #436976;
}
div.tabs a:hover {
	background: #dee7ec;
	color: #436976;
}

#hotkeyshelp {
	text-align: right;
	font-weight: bolder;
}

#footer {
	position: relative;
	bottom: -3px;
}

.footer td a {
	color: #666666;
	font-size: 9px;
}

.footer {
	font-family: Verdana, Arial, Helvetica;
	color: #9e9e9e;
	font-weight: normal;
	font-size: 9px;
	text-align: center;
	width: 100%;
}



.titletext {
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	width: 100%;
}

.headingtext {
	font-weight: 500;
	font-size: 16px;
	font-family: sans-serif;
	color: #6b6565;
	line-height: 45px;
}

.headingtext2 {
	font-size: 13px;
	color: #6b6565;
}

.headingtext3 {
	font-weight: bold;
	font-size: 10px;
	color: #6b6565;
}

.errortext {
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
}

.inputsubmit {
	
}

.ajaxsubmit {
	
}

tr.oddrow td {
	background-color: #f3f3f3 !important;
}

tr.evenrow  td{
	background-color: #fff !important;
}

tr.overduebg td {
	background-color: #dd7777 !important;
	color: #fff;
}

tr.overduebg td a { color: #0463af;    font-weight: 500;}

.overduefg  {
	line-height:60px;
	color: #dd7777;
}

tr.currentfg td {
	color: #ff6666;
}

.redfg, a.redfg {
	color: red;
	font-weight: bold;
}

.settledbg {
	background-color: #00bb00;
}

.settledfg {
	color: #00bb00;
}

.inquirybg {
	background-color: #fdfeef;
}

.currencybg {
	background-color: #ee8888;
}

.stockmankofg {
	color: red;
}

table { text-align: left; width: 100%;}

table tr td { line-height: 2.5em; }

#qe table.tablestyle2 td input {  max-width: 300px !important; }

#purchase_footer_table table {  border: 1px solid #eaeaea;}
#purchase_footer_table table td:first-child { width: 30%; }
#purchase_footer_table table td:nth-child(2) { width: 65%; }
#purchase_footer_table table td:nth-child(2) textarea { max-width: 100%; }
table.tablestyle {
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

.tableheader {
    font-weight: bold;
    color: #6b6565;
    text-align: center;
}

.tableheader2 {
    font-weight: bold;
    background-color: #dee7ec;
    color: #6b6565;
    text-align: left;
}


table.tablestyle td {
	border-collapse: collapse;
	/*border-bottom: 1px solid #cccccc;*/
	background: #fff;
	padding:5px;
}
table.tablestyle2 {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	background: #fff;
}
table.tablestyle2 td {
	border-collapse: collapse;
	/*border-bottom: 1px solid #cccccc;*/
	padding:5px;
}
table.tablestyle_inner {
	border-collapse: collapse;
	border-bottom: 1px solid #f9f9f9;
}
table.tablestyle_inner td {
	border-collapse: collapse;
	border-bottom: 1px solid #f9f9f9;
	padding:5px;
}
.tablestyle_noborder {
	padding: 3px;
}
table.tablestyle_noborder td { padding: 5px;}
.label {
	/*background-color: #efefef;*/
	color: #6b6565;
}

tr.stockmankobg td {
	background-color: pink !important;
}

#loginscreen {
	background: #f5f5f5;
}

.login {
	width: 350px;
	border-left: 12px solid #367cb5;
	border-collapse: collapse;
	background-color: #eeeeee;
}
.login td {
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

.amount {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: right;
}

input.amount {
	padding-right: 3px;
}

.editbutton {  
   background-color:transparent;  
   cursor: pointer;
   box-shadow: none;   
}
.editbutton img { height:20px !important;   width:20px !important; } 
.navibutton[disabled], .navibutton[disabled] span {
  color:#808080;
  text-decoration: none;
  cursor: auto;
}

button.navibutton {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
   color:#000;
   padding: 0 3px;
   background-color:transparent;
   border-style:none;
   cursor: pointer;
   box-shadow:  none;
}

/*.navibutton span {
	text-decoration: underline;
}	
*/
.navibar {
    padding: 0 3px;
	color: #000;
    border-collapse: collapse;
    background-color: #dee7ec;
}

.navibar tr td {
    border: none;	
}
.navibar tr td button { color: #03A9F4; }

.listsubmit {
    display: none;
}

ul.ajaxtabs{
	padding: 3px 0 0 0;
	margin: 3px 3px 0 3px;
	background:#fff;
	font: 12px Tahoma,Verdana;
	font-weight: bold;
}

ul.ajaxtabs li{
	list-style: none;
	margin: 0;
	display: inline;
}

ul.ajaxtabs li button{
   background-color: #fff;
	/* background-repeat: repeat-x;
	background-position: top; */
	padding: 3px 40px;
	margin: 0px;
	/*border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: none;*/
	border-bottom: 5px solid #fff;
	font-weight: bold;
	border-radius: 0;
    line-height: 35px;
    box-shadow: none;
	color:#6b6565;
}
ul.ajaxtabs li button:disabled { 
	opacity:0.7;
}
ul.ajaxtabs li:first-child button:disabled {
	opacity: 1; 
}
div.spaceBox{
	display: none; /*background-color: #cccccc;
	height:8px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin: 0 3px 0px 3px */ 
}

div.contentBox{
	border: 1px solid #cccccc;
	margin: 0 3px 3px 3px
}

ul.ajaxtabs li button.current, ul.ajaxtabs li button:hover{
	border-bottom: 5px solid #03a9f4;
	background-color: #fff;	
	cursor: pointer;
}
#hints {
	font-size: 13px;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	margin: -4px -2px -2px;
	border: 1px solid #cccccc;
	background-color: #FFFFE0;
	white-space: nowrap;
}
/*
	Calendar style
*/
#CCIframe {
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
	height: 250px;
	width: 270px;
	z-index: 99;
}
#CC { 
	position:absolute;
	background-color:#FFF;
	margin:0; padding:0;
	display:none;
	z-index: 100;
}
/*#CC table tr td {  line-height: 24px; } */
#CC table { 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
}
#CC th {
	font-weight: normal;
	text-align: center;
}
#CC th a {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	padding: 1px;
}
#CC td {
    text-align: center;
    display: table-cell;
    padding: 0;
    float: none;
    width: auto;
}

#CC table tr.header td {line-height: 24px; padding:5px;} 
#CC .weekday {
	background-color: #fff;
	color: #000;
}
#CC .weekend {
	background-color: #FFC;
	color: #000;
}
#CC .weekno {
	background-color: #c0daf8;
	color: #555;
}
#CC .current {
	border: 1px solid #339;
	color: #FFF;
}
#CC .weekday, #CC .weekend, #CC .current {
	display: block;
	text-decoration: none;
	border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    width: 2.5em;
}
#CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
	color: #000;
	background: #d6d6d6;
}
#CC .previous {
	text-align: left;
}
#CC .next {
	text-align: right;
}
#CC .previous, #CC .next {
	padding: 1px 3px 1px 3px;
	font-size: 1.4em;
}
#CC .previous a, #CC .next a {
	text-decoration: none;
	font-weight: bold;
}
#CC .title {
	text-align: center;
	font-weight: bold;
}
#CC .empty {
	background-color: #ddd;
	border: 1px solid #FFF;
}

div.err_msg {
	margin: 10px;
	padding: 10px;
	border: 1px solid #cc3300;
	background-color: #ffcccc;
	color: #dd2200;
	font-size:14px;
	text-align: center;
}
.err_msg hr{ border: 0; border-bottom: 1px solid #cc3300; } 
div.warn_msg {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ff9900;
	background-color: #ffff00;
	color: #ff5500;
	font-size:14px;
	text-align: center;
}
#ajaxmark {
  z-index: 2000;	 padding: 5px;	 background: rgba(247, 241, 241, 0.75) ; 	
  -webkit-box-shadow: 3px 0px 19px 2000px rgba(247, 241, 241, 0.75);
  -moz-box-shadow: 3px 0px 19px 2000px rgba(247, 241, 241, 0.75);	
  box-shadow: 3px 0px 19px 2000px rgba(247, 241, 241, 0.75);   
  position:fixed;    top: 35%;    left: 40%;	    
  border-radius: 50px;	filter     : alpha(opacity=60);	  
  width:300px;
  font-weight:bold;
}
div.note_msg {
	margin: 10px; 
	padding: 10px;
	border: 1px solid #33cc00;
	background-color: #ccffcc;
	color: #007700;
	font-size:14px;
	text-align: center;
}

#title {
	margin-bottom: 10px;
	width: 100%;
}
td[align="right"] {
    font-family: sans-serif;
}

@media screen and (min-width: 1441px){
	.wrapper {
	    width:97%;
		margin: 2% auto;
	}
}
@media screen and (max-width: 1440px){
	.sidebar .logo img {
	    width: 120px;
	    border-width: 7px;
	}
	input, textarea {
		max-width: 200px;
	}
}
@media (min-width: 992px) {
	.card_box{
		margin: 10px;
	}
	#footer_debug { overflow: hidden; }
	.content { padding: 1%; }
}

@media (max-width: 991px){
	.toggle {
	    display: block;
	    float: left;
	   
	    width: 50px;
	}
	.toggle i.icon-apps{ padding: 5px; } 
	.sidebar {
	    left: -250px;
	    -webkit-transition: left 0.3s;
	    -moz-transition: left 0.3s;
	    -ms-transition: left 0.3s;
	    -o-transition: left 0.3s;
	    transition: left 0.3s;
	}
	.main-panel {    width: 100%;}
	.main-panel.active {   width: calc(100% - 250px);}
	.main-panel .navbar, .main-panel > .content{ width: 100vw; }
	.sidebar.active {   left: 0;}
	.MenuPart ul.right, .MenuPart ul.left { width: 100%; float: left; }
	.col-sm-6{ padding: 0 !important; }
	.card.card-stats { padding: 15px;   margin: 15px; }
	
	.card-content .col-md-6, .card-content .col-md-8 { text-align: center; }
}


@media (min-width: 768px){ 
	.col-sm-6 {
		padding:5px !important;
	  }
	
	html[dir="rtl"] #sidebar {
		float:right; 
		right:0;
	}
	html[dir="rtl"] #main-panel {
		float:left; 
		left:0;
	}
	html[dir="rtl"] .navbar-default h5, html[dir="rtl"] .dropdown-menu > li > a, html[dir="rtl"] .dropdown-menu  li > a, html[dir="rtl"] .titletext {
		text-align: right;
	}	
	html[dir="rtl"] .container-fluid .left,  html[dir="rtl"] .container-fluid .pull-left{  
		float: right;
	}
	html[dir="rtl"] .container-fluid .right, html[dir="rtl"] .container-fluid .pull-right {  
		float: left;
	}
	html[dir="rtl"] #nav ul li a {  border-right: 5px solid transparent; } 
	html[dir="rtl"] .sidebar .nav { padding-right: 0px; } 
}
@media (max-width: 768px) {
	html[dir="rtl"] table tr td {
		float: right !important;
		text-align: right !important;
	}
	.footer .pull-right {
		float: none !important;
	}
	input.date {
		width: calc(100% - 50px) !important;
	}
	.main-panel .navbar, .main-panel > .content {
		width: auto;
	}
	.main-panel.active .navbar, .main-panel.active > .content {
		width: 100vw;
	}
	#items_table button{
		line-height:20px;
		min-width: 80px;
	}
	div#items_table table.tablestyle td[colspan="2"]{
		min-width:130px; 
	}
	#_page_body > form > center:not(:first-child) > table.tablestyle, #_page_body > form > center:not(:first-child) > table.tablestyle > tbody, #_page_body > form > center:not(:first-child) > table.tablestyle > tbody > tr, #_page_body > form > center:not(:first-child) > table.tablestyle > tbody > tr > td, div#items_table, div#delivery, div#delivery > center > table.tablestyle2, div#delivery > center > table.tablestyle2 > tbody, div#delivery > center > table.tablestyle2 > tbody > tr, div#delivery > center > table.tablestyle2 > tbody > tr > td, div#delivery > center > table.tablestyle2 > tbody > tr > td > table.tablestyle_inner, div#delivery > center > table.tablestyle2 > tbody > tr > td > table.tablestyle_inner > tbody, div#delivery > center > table.tablestyle2 > tbody > tr > td > table.tablestyle_inner > tbody > tr {
		display: block; 		
	}
	 #_page_body center {
		overflow-x: auto;
		overflow-y: visible;
	}
	select {
		max-width: 200px;
	}
	table tr td.navibar div { width:70%; } 
	table tr td.navibar table td{ width: 21%; line-height: 35px; }
	.navibar table.tablestyle tr:first-child{ background-color: transparent; }
}
