.button-enabled { padding: 5px 5px; min-width:80px;text-align:center;display: inline-block;background-color:#1ab394; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.button-disabled {padding: 5px 5px; min-width:80px;text-align:center;display: inline-block;background-color:#e61616; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.normal-quantity {color:#4cb64c;font-weight:bold;text-align: right;padding: 5px 5px; min-width:50px;display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.warning-quantity {color:#f3a638;font-weight:bold;text-align: right;padding: 5px 5px; min-width:50px;display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.danger-quantity {color:#e3503e;font-weight:bold;text-align: right;padding: 5px 5px; min-width:50px;display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.status-width {width:150px;}
.action-width {width:120px;}
.w-20 {width:20%;}
.action-width {width:120px;}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
	margin-bottom:0;
	vertical-align:middle;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Custom setting collapse */
.panel-group .panel-accordion {
	margin-bottom: -6px;
}

.panel-group .accordion-heading{
	padding:18px 15px;
	background-color:#fefefe !important;
	cursor:pointer;
}

.panel-group .accordion-heading .accordion-title{
	font-weight:bold;
}

.panel-group .accordion-body {
	padding:0 15px;
	border-top:1px solid #dcdcdc !important;
}

.accordion-heading .accordion-title:after {
	font-family: 'FontAwesome';
	font-size:22px;
  content: "\f106";
	float:right;
	display: inline-block;
	vertical-align: middle;
	line-height: 18px; 
	margin-left:5px;
}

.accordion-heading.collapsed .accordion-title:after {
  content: "\f107";
}

.accordion-title.collapsed:after {
  content: "\f107";
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch-block {display:block;}
.switch input {display:none;}

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
	box-shadow: 0 0 1px #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switch-slider {
  background-color: #2196F3;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}

.form-group.col-filter-button {
	overflow: hidden;
	position: relative;
  min-height: 1px;
	padding-right: 15px;
}

.d-flex {
    display:flex;
}
.d-flex>div {
    float: none;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
		padding-right:15px;
}

/* CSS filter */
.row.filter {
	margin:0 -10px;
}

.filter {
	padding:0 5px;
}

#zone-to-geo-zone tbody {counter-reset:section;}
.count:before {
	counter-increment:section;
	content:counter(section);
} 
/* customer_group */
#form-customer-group .input-group, #form-uom .input-group {
	margin:5px 0;
}
#form-user-group .icon-x {color:#fe8c1b;}

#form-user-group .table tbody tr:hover td,#form-user-group .table tbody tr:hover th {background-color: #cecece;}
.cell-unselected { background-color: #efefef;}
.row-disabled { background-color: #f5f5f5;}
#form-user-group .table .allow-selected {*/ background-color: #FF6F61;*/}
#form-user-group .table .show-selected {/* background-color: #FF6F61;*/}
#form-user-group .table .access-selected {/* background-color: #27AE60; */}
#form-user-group .table .modify-selected {/* background-color: #F7DC6F;*/}
#form-user-group .table .delete-selected {/*background-color: #E61616;*/}
#form-user-group .table .print-selected {/*background-color: #1ad1ff;*/}
		
#form-user-group .table .level-99 {font-size:16px;font-weight:bold;background-color: #009999;}
#form-user-group .table .level-99:hover {background-color: #009999;}
		
#form-user-group .table-header {color:#fff;background-color: #0077b3;}
#form-user-group .table .level-0,#form-user-group .table .level-0 span,#form-user-group .table .level-0:hover {color: #fff;background-color: #475D6C;font-size:15px;font-weight:bold;padding-left:14px;}
#form-user-group .table .level-1,#form-user-group .table .level-1:hover {color:#fff;background-color: #93A9B8;padding-left:50px;}
		
#form-user-group .table .level-2:hover {background-color: #ececec;}
#form-user-group .table .level-2 {background-color: #ececec;padding-left:60px;font-size:15px;font-style:italic;}
#form-user-group .table .level-3 {padding-left:90px;font-size:15px;font-style:italic;}
#form-user-group .table .route-level-0 {}
#form-user-group .table .route-level-1 {}
#form-user-group .table .route-level-2 {padding-left:20px;font-size:13px;font-style:italic;}
#form-user-group .table .route-level-3 {padding-left:40px;font-style:italic;}

.text-midle {
	 vertical-align: middle !important;
}
/*mark hide data */
div.mark-hide-data .control-label:not(span):after, li.mark-hide-data a:not(span):after, td.mark-hide-data:before {
		/*font-family: FontAwesome;*/
    content: ' (hidden)';
    /*content: "\f070\ ";*/
    color: #F00;
}

.table-header thead tr:first-child td {
  background-color: #f9f9f9;
}
/* MODULE */
.module-title {color:#fe8c1b;font-weight: bolder;}

#form-package .form-group{
	padding-top:0;
}

#form-package .form-group + .form-group, #form-client .form-group + .form-group {
	border-top:none;
}