.dd_chk_select {
  font-size: 13px;
  color: #858585;
  background-color: #fbfbfb;
  border: 1px solid #d5d5d5;
  padding: 6px 12px;
}
.dd_chk_select:focus {
  color: #262626;
  background-color: #ffffff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.25);
}
.form-group.has-success .dd_chk_select
 {
  border-color: #b0dd9c;
  color: #a0d468;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f3f7f1;
}
.form-group.has-success .dd_chk_select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8cc474;
    border-color: #8cc474;
}
.form-group.has-error .dd_chk_select
{
    border-color: #E7BEBE;
    color: #e46f61;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: snow;
}
.form-group.has-error .dd_chk_select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #d73d32;
    border-color: #e46f61;
}
.form-group.has-warning .dd_chk_select
{
    border-color: #fecf49;
    color: #f4b400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fefbf1;
}
.form-group.has-warning .dd_chk_select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #f4b400;
    border-color: #f4b400;
}
.form-group.has-info .dd_chk_select
{
    border-color: #a4d3fe;
    color: #57b5e3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f9fcff;
}
.form-group.has-info .dd_chk_select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #57b5e3;
    border-color: #57b5e3;
}
.datepicker > div { 
    display: block 
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .colorpicker > li > .colorpick-btn.selected:after {
  font-family: "Font Awesome 5 Pro";
}

.page-sidebar .sidebar-menu a .menu-expand {
  font-family: "Font Awesome 5 Pro";
}

.accordion.panel-group .panel-heading .accordion-toggle:after {
 font-family: "Font Awesome 5 Pro";
}

.toast-close-button {
 font-family: "Font Awesome 5 Pro";
}

#toast-container > .toast:before {
 font-family: "Font Awesome 5 Pro";
}

.dd-item > button:before {
 font-family: "Font Awesome 5 Pro";
}

.tree .tree-item .tree-item-name > i,
.tree .tree-folder .tree-folder-header > i {
 font-family: "Font Awesome 5 Pro";
}

.wizard ul li.complete .step:before {
 font-family: "Font Awesome 5 Pro";
}

input[type=checkbox] ~ .text:before,
input[type=radio] ~ .text:before {
 font-family: "Font Awesome 5 Pro";
}

input[type=checkbox].checkbox-slider.slider-icon:checked ~ .text:after {
 font-family: "Font Awesome 5 Pro";
}

input[type=checkbox].checkbox-slider.slider-icon ~ .text:after {
 font-family: "Font Awesome 5 Pro";
}

.ui-rangeSlider-arrow-inner:before {
 font-family: "Font Awesome 5 Pro";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
 font-family: "Font Awesome 5 Pro";
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
 font-family: "Font Awesome 5 Pro";
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
 font-family: "Font Awesome 5 Pro";
}

.mail-container .mail-body .mail-attachments ul li > a.thumb:after {
 font-family: "Font Awesome 5 Pro";
}

.orders-container .orders-list .order-item .item-more i {
 font-family: "Font Awesome 5 Pro";
}