.dark_button_holder {
  display: inline-flex;
  width:100%;
padding-right: 16px;
padding-top: 4px;
padding-bottom: 4px;
line-height: inherit;

line-height: inherit;

-webkit-transition: all 300ms ease;

-o-transition: all 300ms ease;

transition: all 300ms ease;

display: flex;

align-items: center;

color: #555555;
}

.dark_button_holder i{
  margin-right: 12px;
min-width: 20px;
text-align: center;
}

.dark_button_holder_header {

float:left;
display: inline-flex;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
line-height: inherit;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display: flex;
align-items: center;
color: #555555;
}

@media (max-width: 991px) {
.dark_bs {
padding-top:14px;
}
}

.dark_button_xs {
float:right;
}

.dark_button_text {
  margin-right: 12px;
  white-space: nowrap;
}
.dark-fa {
    margin-right: 12px;

min-width: 20px;

text-align: center;
}
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
   top:4px;
  margin-right:10px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

.dark_button_holder_header .slider:before {
    position: absolute;
    content: "\f042";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #555;
    text-align: center;

}

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

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

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

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

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

.slider.bslide:before {
  transform: translateX(0px) !important;
}
.slider.fslide:before {
  transform: translateX(16px) !important;
}

.slider.bslide {
  background-color: #cccccc !important;
}
.slider.fslide {
  background-color: #2196F3;
}

@media (max-width: 580px) {
.dark_button_li {
  display:none;
}
}