#hoeapp-wrapper { direction: inherit; }
#hoeapp-wrapper .nav.panel-list li { width:  100%; }
#hoe-left-panel .panel-list > li.hoe-has-menu > a:after { float: left; }

body .left-navbar, body .left-navbar li { float: left; }
body .right-navbar, body .right-navbar li { float: right; }
body[lang="ar"] .right-navbar, body[lang="en"] .left-navbar{  max-width: calc(100% - 310px); /* overflow: hidden; */ }
body[lang="ar"] .right-navbar { float: right!important;  margin-right: 45px; }
body[lang="en"] .left-navbar { margin-left: 45px; }
body[lang="en"] .hoe-sidebar-toggle { float: left; }
body[lang="ar"] #hoeapp-wrapper .nav.panel-list li a { padding-right: 15px; }
body[lang="ar"] #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu > a::after { padding-right: 5px; }
body[lang="ar"] #hoe-left-panel .panel-list > li.hoe-has-menu.opened > a::after{ float: left; }
body[lang="ar"] .col-form-label { text-align: left; }
body[lang="en"] .col-form-label { text-align: right; }
body[lang="en"] .col-form-label { text-align: right; }
body[lang="ar"] #hoe-left-panel .panel-list > li.hoe-has-menu li.hoe-has-menu.opened > a::after { float: left; }

* [style*="direction:ltr"], * [style*="direction: ltr"], * [dir=ltr]{ text-align: left; }

.modal-body { max-height: calc(100vh - 210px); overflow-y: auto; }
.modal-wider { max-width: 90% !important;}
input[type=file].form-control, .form-control.auto { height: auto; }

.card { margin-bottom: 10px; }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.text-white a { color: #fff !important; }
pre { unicode-bidi: isolate !important; }

.form-group-disabled { position: relative; }
.form-group-disabled:after {	
	content: '';
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: rgba(255,255,255,0.5);

}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}