﻿.toggle-handle {
    border-radius: 100px;
    height: 20px  !important;
    margin: 2px 20px 0 0;
    padding: 0 !important;
    position: relative;
    width: 20px  !important;
}

#programSetupTabContent .toggle-handle,
#DesignDetailPage .toggle-handle {
    margin: 0px 20px 0 0;
}

.toggle.btn.btn-default.off .toggle-group .toggle-handle {
    margin: 2px 0 0 22px;
}

#programSetupTabContent .toggle.btn.btn-default.off .toggle-group .toggle-handle,
#DesignDetailPage .toggle.btn.btn-default.off .toggle-group .toggle-handle {
    margin: 0px 0 0 22px;
}

.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: 5px !important;
    margin-right: 0px !important;
}
.toggle.btn-sm {
    min-height: 26px !important;
}
.toggle-off.btn {
       line-height: initial!important; 
}
.toggle-on.btn {
       line-height: initial!important; 
}

.toggle {
    z-index: 1;
}

.toggle-on.btn , .toggle-off.btn {
    padding-bottom: 2px;
    padding-top: 4px;
} 

.panel .toggle-group label.btn {
    margin: 0px;
}

.switch[disabled] + .toggle-group label {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #58666e !important;
    cursor: not-allowed;
    opacity: 0.5;
}
.switch[disabled] + .toggle-group .toggle-handle {
    cursor: not-allowed;
}