html,body{height:100%}
body {background-color: #f8f8f8; padding: 0}
/*.navbar-toggle {float: left;margin-left: 15px}*/
#wrapper{height:auto!important;margin:0 auto -60px;min-height:100%;padding-bottom:60px}
.page-title {text-align: left; margin: 0}
.page-title.right {text-align: right;}
#footer{background-color:#f5f5f5;height:60px}
#footer p{margin: 0; height: 57px; line-height: 42px;}
.container .credit{margin:20px 0}
#footer > .container{padding-left:15px;padding-right:15px}
code{font-size:80%}
.margin-top-6{margin-top: 6px;}
*.margin-bottom-null, .row > .margin-bottom-null{margin-bottom: 0;}
#payExpForm .form-control-feedback{right:7%;}
*.margins-null{margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0}
*.paddings-null, .table > thead > tr > td.paddings-null, .table > tbody > tr > td.paddings-null, .table > tfoot > tr > td.paddings-null, *.paddings-null, .table tr.paddings-null > th, .table tr.paddings-null > td{padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0}
*.paddings-5, .table > thead > tr > td.paddings-5, .table > tbody > tr > td.paddings-5, .table > tfoot > tr > td.paddings-5, *.paddings-5, .table tr.paddings-5 > th, .table tr.paddings-5 > td{padding: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;}
div[class="tooltip-inner"] {max-width: 350px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu > li > a:hover, .dropdown-submenu > li > a:focus {background-color: #428BCA;color: #cccccc;text-decoration: none;}
.dropdown-submenu.open > li > a:focus, .dropdown-submenu.open > li > a:active {color: #cccccc;}
.dropdown-submenu.open  a:hover, .dropdown-submenu.open  a:active{color: #000}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.panel .table{table-layout: fixed; word-wrap: break-word;}
#scrollableContainer{max-height: 320px; overflow: auto}
#scrollableContainerHeader{margin-bottom: -2px}
.switch-toggle.well {margin-bottom: 1px;}
label.required:after {color: #A94442;content: " *"}
.label-d {font-size:18px; font-weight:bold; margin-left:-16px; padding:3px 3px 0 0;}
.label-m {font-size:15px; font-weight:bold; margin-left:-15px; padding:3px 0px 0 0;}
.custom-combobox {}
.custom-combobox-toggle {bottom: 0;margin-left: -5px;padding: 0;position: absolute;right: 13px;top: 0;/* support: IE7 */*height: 1.7em;*top: 0.1em;}
.custom-combobox-input {margin: 0;padding: 0.3em;}
.fileinput-button {overflow: hidden;position: relative;}
.fileinput-button input {position: absolute;top: 0;right: 0;margin: 0;opacity: 0;-ms-filter: 'alpha(opacity=0)';font-size: 200px;direction: ltr;cursor: pointer;}
.rtl, .form-group.rtl{direction:rtl;font-size-adjust:.55}
.rtl .col-sm-1,.rtl .col-sm-2,.rtl .col-sm-3,.rtl .col-sm-4,.rtl .col-sm-5,.rtl .col-sm-6,.rtl .col-sm-7,.rtl .col-sm-8,.rtl .col-sm-9,.rtl .col-sm-10,.rtl .col-sm-11,.rtl .col-sm-12{float:right}
table.rtl > thead > tr > th, table.rtl > thead > tr > td, table.rtl > tbody > tr > th, table.rtl > tbody > tr > td, table.rtl > tr > th, table.rtl > tr > td {direction:rtl;text-align: right}
table.rtl > thead > tr > th.ltr, table.rtl > thead > tr > td.ltr, table.rtl > tbody > tr > th.ltr, table.rtl > tbody > tr > td.ltr, table.rtl > tr > th.ltr, table.rtl > tr > td.ltr {direction:ltr;text-align: left}
.is-loading{background: url("../images/loading_g.gif") center no-repeat;}
div.mce-fullscreen {margin-top: 51px;}
.fieldset-box{background-color: #f5f5f5;border-color: #ddd;border-radius: 4px 4px 0 0;border-width: 1px;box-shadow: none;padding: 10px;}
.form-group {margin-bottom: 9px}
.navbar-nav > li > a.dropdown-toggle{padding-bottom: 0}
.panel-footer {padding: 3px 15px;}
.panel-footer p {margin: 0}
.panel-footer .form-group {margin-bottom: 0}
/********** UI ************/
.form-group img.ui-datepicker-trigger {cursor: pointer;display: block;margin-right: 20px;margin-top: 7px;position: absolute;right: 0;}
.ui-dialog-titlebar.alert{margin-bottom: 0px;}
.ui-dialog .ui-dialog-content{padding: .5em .1em}
.ui-widget-content a {color: #428bca;}
.ui-front {z-index: 10000;}
.ui-autocomplete {max-height: 300px;overflow: auto}
.ui-autocomplete .ui-menu-item.ui-state-focus{margin:0px}
.bold{font-weight: bold;}
.text-white{color: #FFF;}
.text-large{font-size: 15px;}
.text-larger{font-size: 18px;}
.text-largest{font-size: 21px;}
.numbers {font-family: sans-serif; direction:ltr; }
.text-large.numbers {font-family: courier;font-size: 14px;}
.text-larger.numbers {font-family: courier;font-size: 16px;}
.bold {font-weight: bold;}
.underline, tr.underline td, tr.underline th {text-decoration: underline;}
.shaded, tr.shaded td, tr.shaded th {background-color: #ccc;background:#ccc!important;font-weight: bold; padding-right: 1px;}
.shaded.normal, tr.shaded.normal td, tr.shaded.normal th {font-weight: normal}
.shaded-light, tr.shaded-light td, tr.shaded-light th {background-color: #DDDDDD;background:#DDDDDD!important;font-weight: bold; padding-right: 1px;}
/***************************/
/********** UI ************/
#toast-container {position: fixed;z-index: 10001;}
.toast-message ul{padding-left: 9px;}
.toast-message li strong{font-weight: bolder; text-decoration: underline; display: inline-block; margin: 0 2px;}
#toast-container > div {width: 420px;}
/***************************/
/********** Bootstrap 3 ************/
.control-label.col-sm-4{padding-right: 0px;padding-left: 0px;}
#product_form .panel-body{padding-left: 0px;padding-right: 0px;}
.input-group .form-control {z-index: 1}
.alert-danger{position:relative;}
.alert-danger > a{position: absolute; right: 5px; top: 5px;}
.form-group {margin-bottom: 3px}
.form-group .alert {margin-bottom: 3px}
input.form-control, button.form-control {padding: 3px 6px;}
.navbar-default {background-color: #f8f8f8;border-color: #e7e7e7;}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {background: none;text-decoration: none;}
.navbar-success {background-color: #3C763D;border-color: #DFF0D8;} 
.navbar-success a{color: #DFF0D8}
.navbar-success .nav > li > a:hover, .navbar-success .nav > li > a:focus {background: none;color: #fff; text-decoration: none;text-shadow: 0px -2px 6px #5D9658;}
.navbar-success .nav .open > a, .navbar-success .nav .open > a:hover, .navbar-success .nav .open > a:focus {background-color: transparent;border-color: #eee;}
.panel-success .nav-tabs li > a {color: #3c763d;}
.panel-success .nav-tabs li.active > a, .panel-success .nav-tabs li > a:hover, .panel-success .nav-tabs li > a:focus {color: #3c763d;}
.navbar-info, .navmenu-info {background-color: #31708f;border-color: #D9EDF7;}
.navbar-info a, .navmenu-info a{color: #D9EDF7}
.navbar-info .nav > li > a:hover, .navbar-info .nav > li > a:focus ,
.navmenu-info .nav > li > a:hover, .navmenu-info .nav > li > a:focus{background: none;color: #fff; text-decoration: none;text-shadow: 0px -2px 6px #d9edf7;}
.navbar-info .nav .open > a, .navbar-info .nav .open > a:hover, .navbar-info .nav .open > a:focus, 
.navmenu-info .nav .open > a, .navmenu-info .nav .open > a:hover, .navmenu-info .nav .open > a:focus{background-color: transparent;border-color: #eee;}
.navbar-danger {background-color: #f2dede;border-color: #ebccd1;}
.navbar-danger a{color: #a94442}
.navbar-danger .nav > li > a:hover, .navbar-danger .nav > li > a:focus {background: none;color: #a94442; text-decoration: none;text-shadow: 0px -2px 6px #ebccd1;}
.panel-danger .nav-tabs li > a {color: #a94442;}
.navbar-danger .nav .open > a, .navbar-danger .nav .open > a:hover, .navbar-danger .nav .open > a:focus {background-color: transparent;border-color: #a94442;}
.navbar-primary {background-color: #428bca;border-color: #D9EDF7;}
.navbar-primary a{color: #fff}
.navbar-primary .nav > li > a:hover, .navbar-primary .nav > li > a:focus {background: none;color: #fff; text-decoration: none;text-shadow: 0px -2px 6px #d9edf7;}
.navbar-primary .nav .open > a, .navbar-primary .nav .open > a:hover, .navbar-primary .nav .open > a:focus {background-color: transparent;border-color: #eee;}
.panel-primary .nav-tabs li > a {color: #D9EDF7;}
.panel-primary .nav-tabs li.active > a, .panel-primary .nav-tabs li > a:hover, .panel-primary .nav-tabs li > a:focus {color: #428BCA;}
.navbar-warning {background-color: #faebcc;border-color: #fcf8e3;}
.navbar-warning a{color: #8a6d3b;}
.navbar-warning .nav > li > a:hover, .navbar-warning .nav > li > a:focus {background: none;color: #8a6d3b; text-decoration: none;text-shadow: 0px -2px 6px #E5D6B7;}
.navbar-warning .nav .open > a, .navbar-warning .nav .open > a:hover, .navbar-warning .nav .open > a:focus {background-color: transparent;border-color: #eee;}
.navbar-header > .navbar-brand {font-size: 12px; font-weight: bold; height: 50px; line-height: 24px; max-width: 180px; overflow: hidden; padding: 2px; text-align: center;}
.op-header .has-warning {
    background-color: rgba(0, 0, 0, 0.075);
}
.op-header .col-xs-1, .op-header  .col-sm-1, .op-header  .col-md-1, .op-header  .col-lg-1, .op-header  .col-xs-2, .op-header  .col-sm-2, .op-header  .col-md-2, .op-header  .col-lg-2, .op-header  .col-xs-3, .op-header  .col-sm-3, .op-header  .col-md-3, .op-header  .col-lg-3, .op-header  .col-xs-4, .op-header  .col-sm-4, .op-header  .col-md-4, .op-header  .col-lg-4, .op-header  .col-xs-5, .op-header  .col-sm-5, .op-header  .col-md-5, .op-header  .col-lg-5, .op-header  .col-xs-6, .op-header  .col-sm-6, .op-header  .col-md-6, .op-header  .col-lg-6, .op-header  .col-xs-7, .op-header  .col-sm-7, .op-header  .col-md-7, .op-header  .col-lg-7, .op-header  .col-xs-8, .op-header  .col-sm-8, .op-header  .col-md-8, .op-header  .col-lg-8, .op-header  .col-xs-9, .op-header  .col-sm-9, .op-header  .col-md-9, .op-header  .col-lg-9, .op-header  .col-xs-10, .op-header  .col-sm-10, .op-header  .col-md-10, .op-header  .col-lg-10, .op-header  .col-xs-11, .op-header  .col-sm-11, .op-header  .col-md-11, .op-header  .col-lg-11, .op-header  .col-xs-12, .op-header  .col-sm-12, .op-header  .col-md-12, .op-header  .col-lg-12 {
    padding-left: 5px;padding-right: 5px;}
.form-horizontal .op-header .form-group {margin-left: -5px;margin-right: -5px;}
/********** Bootstrap 3 DataTable ************/
.sorting_asc{background:url(../DataTables/images/sort_asc.png) no-repeat center right}
.sorting_desc{background:url(../DataTables/images/sort_desc.png) no-repeat center right}
.sorting{background:url(../DataTables/images/sort_both.png) no-repeat center right}
.sorting_asc_disabled{background:url(../DataTables/images/sort_asc_disabled.png) no-repeat center right}
.sorting_desc_disabled{background:url(../DataTables/images/sort_desc_disabled.png) no-repeat center right}
table.table-condensed td > hr {border-color: #666 -moz-use-text-color -moz-use-text-color;  margin-bottom: 2px;margin-top: 1px}
table.display thead th:active,table.display thead td:active{outline:none}
table.dataTable thead th, table.dataTable thead th.sorting, 
table.dataTable thead th, table.dataTable thead th.sorting, 
table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc{border-bottom:1px solid #000;font-weight:bold;cursor:pointer;padding:3px 18px 3px 10px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
table.dataTable thead th.sorting_disabled{cursor:default}
.dataTables_processing {background-color: #fff;border: 1px solid #ddd;color: #00f;display: block;font-size: 14px;height: 87%;margin-left: 0;margin-top: -16px;opacity: 0.75;padding: 6px 0 2px;position: absolute;text-align: center;width: 97.6%;z-index: 101010;}
/***************************/
/********** font-awesome ************/
.dataTable .fa-2x {font-size: 1.5em}
/***************************/
div.breaker{margin: 10px 0;}
@media (min-width: 0) {.navbar-toggle {display: block; /* force showing the toggle */}}
@media (min-width: 992px) {body {padding: 0}.navbar {right: auto;background: none;border: none}}
/* Fixes for IE < 8 */
@media screen\9 {.fileinput-button input {filter: alpha(opacity=0);font-size: 100%;height: 100%;}}
@media print {.paddings-null{padding: 0!important; padding-bottom: 0!important; padding-left: 0!important; padding-right: 0!important; padding-top: 0!important;} .no-print{display: none}div.breaker{page-break-after:always; margin: 0px;} a[href]:after {content: none !important;}}
/***************************/
.bordered, table.bordered, td.bordered, th.bordered {border: 1px solid #000; border-radius: 2px 2px 4px 4px; padding: 9px; margin-bottom: 2px;margin-top: 2px}
.noborder, table.noborder, table.noborder tr > th, table.noborder tr > td, td.noborder, th.noborder {border: 0px none;}
.img-in-view-details{max-height:280px; }
.white-link{color:#FFF;}
.black-link{color:#333333;}
.arabic-link{color:#333333; font-weight:bold; }
.form-control-ar{text-align:right; font-weight:bold;}
.panel-gray{background-color:#41474E;color:#FFF;margin-bottom:10px; }
.mb-10{margin-bottom:10px;}
.mt-20{margin-top:20px;}
.mb-0{margin-bottom:0px!important;}
.pt-0{padding-top:0px;} 
.pt-10{padding-top:10px;} 
.pb-0{padding-bottom:0px;} 
.pr-0{padding-right:0px;} 
div.tagsinput input{padding:0px!important; }
.ui-widget button.btn {font-size: 16px}
.title{font-weight:bold; font-size:13px;}
.small-font{font-size:12px;}
.max-height-70{max-height:70px;}
.ltr{direction: ltr;}
.not-availabile{ border-color: #f41a2e; border-style: dashed solid;border-width: 2px 3px;   }
.mr-9{margin-right: 9px;}
.box-sm{height:140px!important; }
.box-lg{height:150px!important; }
table#reportResults th, table#reportResults td,
table#reportResults > thead > tr > th, table#reportResults > tbody > tr > td {font-size: 12px; line-height: 13px}
table#reportResults > thead > tr.no-height > th, table#reportResults > tbody > tr.no-height > td,
table > thead > tr.no-height, table > tbody > tr.no-height,
table > thead > tr.no-height > th, table > tbody > tr.no-height > td {border:none 0px;font-size: 3px; line-height: 1px; height: 1px; margin: 0;padding: 0}
.text-13{font-size:13px!important;}
/** start overwrite bootstrap **/
table{border-collapse:collapse;border-spacing:0}
@media print {
	.underline, tr.underline td, tr.underline th {text-decoration: underline;}
	.shaded *, tr.shaded td, tr.shaded th {background-color: #ccc!important;background:#ccc!important;font-weight: bold!important; padding-right: 1px;}
	.shaded *, tr > td.shaded, tr > th.shaded {background-color: #ccc!important;background:#ccc!important;font-weight: bold!important; padding-right: 1px;}
	.shaded.normal, .shaded.normal *, tr.shaded.normal > td, tr.shaded.normal > th {font-weight: normal!important}
	.shaded-light *, tr.shaded-light td, tr.shaded-light th, tr > td.shaded-light, tr > th.shaded-light {background-color: #DDDDDD!important;background:#DDDDDD!important;font-weight: bold!important; padding-right: 1px;}
	.bold, tr.bold td, tr.bold th  {font-weight: bold;}
	th.inverted, tr.inverted th, tr.inverted td, th.inverted, td.inverted{background-color: #000000 !important; color: #FFFFFF !important}
/* ********************** */
	.table{border-collapse:separate!important}
	.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 0px none #ddd;}
	.table-bordered th,.table-bordered td{border-top: 0px;border-right: 1px solid #999!important; border-bottom: 1px solid #999!important;border-left: 0px;}
	.table-bordered tr > th:first-child,.table-bordered tr > td:first-child{border-left: 1px solid #999!important;}

	.table-bordered > thead > tr:first-child > th, .table-bordered > thead > tr:first-child > td{border-top: 1px solid #999!important;}
	.table-bordered > thead > tr:last-child > th{border-bottom: 0.167em solid #888 !important;}

	.table-bordered > tbody > tr:first-child > td{border-top: 0px solid #ddd!important;}
	tr.totals-row, .table-bordered > tbody > tr.totals-row, 
	tr.totals-row td, .table-bordered tr.totals-row > td, .table-bordered > tbody > tr.totals-row > td, 
	tr.totals-row th, .table-bordered tr.totals-row > th, .table-bordered > tbody > tr.totals-row > th{border-top: 3px solid #000!important;height:48px}
	.table > tbody > tr.totals-row-reverse, .table > tbody > tr.totals-row-reverse > td, .table > tbody > tr.totals-row-reverse > th {border-top:#333 1px dotted;height: 42px; vertical-align: bottom}
}
/**  end  overwrite bootstrap **/