.btn-default {
  color: var(--text-colour-default);
  background-color: var(--background-colour-default);
  border-color: var(--border-colour-default);
}
.marginBottom15 {
  margin-bottom: 15px !important;
}

.btn-default:hover {
  color: var(--text-colour-default-hover);
  background-color: var(--background-colour-default-hover);
  border-color: var(--border-colour-default-hover);
}

.btn-default:focus,
.btn-default.focus {
  color: var(--text-colour-default-hover);
  background-color: var(--background-colour-default-hover);
  border-color: var(--border-colour-default-hover);
  box-shadow: 0 0 0 0.2rem var(--background-colour-default-hover);
}

.btn-default.disabled,
.btn-default:disabled {
  color: var(--text-colour-default);
  background-color: var(--background-colour-default-disabled);
  border-color: var(--border-colour-default-disabled);
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
    color: var(--text-colour-default-hover);
    background-color: var(--background-colour-default-active);
    border-color: var(--border-colour-default-active);

}

.btn-primary {
  color: var(--text-colour-primary);
  background-color: var(--background-colour-primary);
  border-color: var(--border-colour-primary);
}

.btn-primary:hover {
  color: var(--text-colour-primary);
  background-color: var(--background-colour-primary-hover);
  border-color: var(--border-colour-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
  color: var(--text-colour-primary);
  background-color: var(--background-colour-primary-hover);
  border-color: var(--border-colour-primary-hover);
  box-shadow: 0 0 0 0.2rem var(--background-colour-primary-hover);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: var(--text-colour-primary);
  background-color: var(--background-colour-primary-disabled);
  border-color: var(--border-colour-primary-disabled);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: var(--text-colour-primary);
    background-color: var(--background-colour-primary-active);
    border-color: var(--border-colour-primary-active);
}

/*modal popup button override*/
.loginBtn.btn-primary,
.modal-footer .btn-primary {
  color: var(--text-colour-default);
  background-color: var(--background-colour-default);
  border-color: var(--border-colour-default);
}

.loginBtn.btn-primary:hover,
.modal-footer .btn-primary:hover {
  color: var(--text-colour-default-hover);
  background-color: var(--background-colour-default-hover);
  border-color: var(--border-colour-default-hover);
}

.yellowBtn.btn-primary,
.modal-footer .btn-primary {
  color: var(--text-colour-default);
  background-color: var(--background-colour-default);
  border-color: var(--border-colour-default);
}

.yellowBtn.btn-primary:hover,
.modal-footer .btn-primary:hover {
  color: var(--text-colour-default-hover);
  background-color: var(--background-colour-default-hover);
  border-color: var(--border-colour-default-hover);
}

.loginBtn.btn-primary:focus,
.loginBtn.btn-primary.focus,
.modal-footer .btn-primary:focus,
.modal-footer .btn-primary.focus {
  color: var(--text-colour-default-hover);
  background-color: var(--background-colour-default-hover);
  border-color: var(--border-colour-default-hover);
  box-shadow: 0 0 0 0.2rem var(--background-colour-default-hover);
}

.loginBtn.btn-primary.disabled,
.loginBtn.btn-primary:disabled,
.modal-footer .btn-primary.disabled,
.modal-footer .btn-primary:disabled {
  color: var(--text-colour-default);
  background-color: var(--background-colour-default-disabled);
  border-color: var(--border-colour-default-disabled);
}

.modal-footer .btn-primary:not(:disabled):not(.disabled):active,
.modal-footer .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: var(--text-colour-default-hover);
    background-color: var(--background-colour-default-active);
    border-color: var(--border-colour-default-active);
}
/*modal popup button override*/

.btn-secondary {
  color: var(--text-colour-secondary);
  background-color: var(--background-colour-secondary);
  border-color: var(--border-colour-secondary);
}

.btn-secondary:hover {
  color: var(--text-colour-secondary);
  background-color: var(--background-colour-secondary-hover);
  border-color: var(--border-colour-secondary-hover);
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: var(--text-colour-secondary);
  background-color: var(--background-colour-secondary-hover);
  border-color: var(--border-colour-secondary-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: var(--text-colour-secondary);
  background-color: var(--background-colour-secondary-disabled);
  border-color: var(--border-colour-secondary-disabled);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: var(--text-colour-secondary);
    background-color: var(--background-colour-secondary-active);
    border-color: var(--border-colour-secondary-active);

}

.btn-success {
  color: var(--text-colour-success);
  background-color: var(--background-colour-success);
  border-color: var(--border-colour-success);
}

.btn-success:hover {
  color: var(--text-colour-success-hover);
  background-color: var(--background-colour-success-hover);
  border-color: var(--border-colour-success-hover);
}

.btn-success:focus,
.btn-success.focus {
  color: var(--text-colour-success-hover);
  background-color: var(--background-colour-success-hover);
  border-color: var(--border-colour-success-hover);
  box-shadow: 0 0 0 0.2rem var(--background-colour-success-hover);
}

.btn-success.disabled,
.btn-success:disabled {
  color: var(--text-colour-success);
  background-color: var(--background-colour-success-disabled);
  border-color: var(--border-colour-success-disabled);
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: var(--text-colour-success-hover);
    background-color: var(--background-colour-success-active);
    border-color: var(--border-colour-success-active);

}

.btn-info {
  color: var(--text-colour-info);
  background-color: var(--background-colour-info);
  border-color: var(--border-colour-info);
}

.btn-info:hover {
  color: var(--text-colour-info);
  background-color: var(--background-colour-info-hover);
  border-color: var(--border-colour-info-hover);
}

.btn-info:focus,
.btn-info.focus {
  color: var(--text-colour-info);
  background-color: var(--background-colour-info-hover);
  border-color: var(--border-colour-info-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: var(--text-colour-info);
  background-color: var(--background-colour-info-disabled);
  border-color: var(--border-colour-info-disabled);
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: var(--text-colour-info);
    background-color: var(--background-colour-info-active);
    border-color: var(--border-colour-info-active);
}

.btn-warning {
  color: var(--text-colour-warning);
  background-color: var(--background-colour-warning);
  border-color: var(--border-colour-warning);
}

.btn-warning:hover {
  color: var(--text-colour-warning);
  background-color: var(--background-colour-warning-hover);
  border-color: var(--border-colour-warning-hover);
}

.btn-warning:focus,
.btn-warning.focus {
  color: var(--text-colour-warning);
  background-color: var(--background-colour-warning-hover);
  border-color: var(--border-colour-warning-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: var(--text-colour-warning);
  background-color: var(--background-colour-warning-disabled);
  border-color: var(--border-colour-warning-disabled);
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: var(--text-colour-warning);
    background-color: var(--background-colour-warning-active);
    border-color: var(--border-colour-warning-active);
}

.btn-danger {
  color: var(--text-colour-danger);
  background-color: var(--background-colour-danger);
  border-color: var(--border-colour-danger);
}

.btn-danger:hover {
  color: var(--text-colour-danger);
  background-color: var(--background-colour-danger-hover);
  border-color: var(--border-colour-danger-hover);
}

.btn-danger:focus,
.btn-danger.focus {
  color: var(--text-colour-danger);
  background-color: var(--background-colour-danger-hover);
  border-color: var(--border-colour-danger-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: var(--text-colour-danger);
  background-color: var(--background-colour-danger-disabled);
  border-color: var(--border-colour-danger-disabled);
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: var(--text-colour-danger);
    background-color: var(--background-colour-danger-active);
    border-color: var(--border-colour-danger-active);
}

.btn-light {
  color: var(--text-colour-light);
  background-color: var(--background-colour-light);
  border-color: var(--border-colour-light);
}

.btn-light:hover {
  color: var(--text-colour-light);
  background-color: var(--background-colour-light-hover);
  border-color: var(--border-colour-light-hover);
}

.btn-light:focus,
.btn-light.focus {
  color: var(--text-colour-light);
  background-color: var(--background-colour-light-hover);
  border-color: var(--border-colour-light-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: var(--text-colour-light);
  background-color: var(--background-colour-light-disabled);
  border-color: var(--border-colour-light-disabled);
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: var(--text-colour-light);
    background-color: var(--background-colour-light-active);
    border-color: var(--border-colour-light-active);
}

.btn-dark {
  color: var(--text-colour-dark);
  background-color: var(--background-colour-dark);
  border-color: var(--border-colour-dark);
}

.btn-dark:hover {
  color: var(--text-colour-dark);
  background-color: var(--background-colour-dark-hover);
  border-color: var(--border-colour-dark-hover);
}

.btn-dark:focus,
.btn-dark.focus {
  color: var(--text-colour-dark);
  background-color: var(--background-colour-dark-hover);
  border-color: var(--border-colour-dark-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: var(--text-colour-dark);
  background-color: var(--background-colour-dark-disabled);
  border-color: var(--border-colour-dark-disabled);
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: var(--text-colour-dark);
    background-color: var(--background-colour-dark-active);
    border-color: var(--border-colour-dark-active);
}

.btn-outline-primary {
  color: var(--text-colour-outline-primary);
  background-color: var(--background-colour-outline-primary);
  border-color: var(--border-colour-outline-primary);
}

.btn-outline-primary:hover {
  color: var(--text-colour-outline-primary);
  background-color: var(--background-colour-outline-primary-hover);
  border-color: var(--border-colour-outline-primary-hover);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  color: var(--text-colour-outline-primary);
  background-color: var(--background-colour-outline-primary-hover);
  border-color: var(--border-colour-outline-primary-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--text-colour-outline-primary);
  background-color: var(--background-colour-outline-primary-disabled);
  border-color: var(--border-colour-outline-primary-disabled);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: var(--text-colour-outline-primary);
    background-color: var(--background-colour-outline-primary-active);
    border-color: var(--border-colour-outline-primary-active);
}

.btn-outline-secondary {
  color: var(--text-colour-outline-secondary);
  background-color: var(--background-colour-outline-secondary);
  border-color: var(--border-colour-outline-secondary);
}

.btn-outline-secondary:hover {
  color: var(--text-colour-outline-secondary);
  background-color: var(--background-colour-outline-secondary-hover);
  border-color: var(--border-colour-outline-secondary-hover);
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  color: var(--text-colour-outline-secondary);
  background-color: var(--background-colour-outline-secondary-hover);
  border-color: var(--border-colour-outline-secondary-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: var(--text-colour-outline-secondary);
  background-color: var(--background-colour-outline-secondary-disabled);
  border-color: var(--border-colour-outline-secondary-disabled);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: var(--text-colour-outline-secondary);
    background-color: var(--background-colour-outline-secondary-active);
    border-color: var(--border-colour-outline-secondary-active);
}

.btn-outline-success {
  color: var(--text-colour-outline-success);
  background-color: var(--background-colour-outline-success);
  border-color: var(--border-colour-outline-success);
}

.btn-outline-success:hover {
  color: var(--text-colour-outline-success);
  background-color: var(--background-colour-outline-success-hover);
  border-color: var(--border-colour-outline-success-hover);
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  color: var(--text-colour-outline-success);
  background-color: var(--background-colour-outline-success-hover);
  border-color: var(--border-colour-outline-success-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: var(--text-colour-outline-success);
  background-color: var(--background-colour-outline-success-disabled);
  border-color: var(--border-colour-outline-success-disabled);
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: var(--text-colour-outline-success);
    background-color: var(--background-colour-outline-success-active);
    border-color: var(--border-colour-outline-success-active);
}

.btn-outline-info {
  color: var(--text-colour-outline-info);
  background-color: var(--background-colour-outline-info);
  border-color: var(--border-colour-outline-info);
}

.btn-outline-info:hover {
  color: var(--text-colour-outline-info);
  background-color: var(--background-colour-outline-info-hover);
  border-color: var(--border-colour-outline-info-hover);
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  color: var(--text-colour-outline-info);
  background-color: var(--background-colour-outline-info-hover);
  border-color: var(--border-colour-outline-info-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: var(--text-colour-outline-info);
  background-color: var(--background-colour-outline-info-disabled);
  border-color: var(--border-colour-outline-info-disabled);
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: var(--text-colour-outline-info);
    background-color: var(--background-colour-outline-info-active);
    border-color: var(--border-colour-outline-info-active);
}

.btn-outline-warning {
  color: var(--text-colour-outline-warning);
  background-color: var(--background-colour-outline-warning);
  border-color: var(--border-colour-outline-warning);
}

.btn-outline-warning:hover {
  color: var(--text-colour-outline-warning);
  background-color: var(--background-colour-outline-warning-hover);
  border-color: var(--border-colour-outline-warning-hover);
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  color: var(--text-colour-outline-warning);
  background-color: var(--background-colour-outline-warning-hover);
  border-color: var(--border-colour-outline-warning-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: var(--text-colour-outline-warning);
  background-color: var(--background-colour-outline-warning-disabled);
  border-color: var(--border-colour-outline-warning-disabled);
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: var(--text-colour-outline-warning);
    background-color: var(--background-colour-outline-warning-active);
    border-color: var(--border-colour-outline-warning-active);
}

.btn-outline-danger {
  color: var(--text-colour-outline-danger);
  background-color: var(--background-colour-outline-danger);
  border-color: var(--border-colour-outline-danger);
}

.btn-outline-danger:hover {
  color: var(--text-colour-outline-danger);
  background-color: var(--background-colour-outline-danger-hover);
  border-color: var(--border-colour-outline-danger-hover);
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  color: var(--text-colour-outline-danger);
  background-color: var(--background-colour-outline-danger-hover);
  border-color: var(--border-colour-outline-danger-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: var(--text-colour-outline-danger);
  background-color: var(--background-colour-outline-danger-disabled);
  border-color: var(--border-colour-outline-danger-disabled);
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: var(--text-colour-outline-danger);
    background-color: var(--background-colour-outline-danger-active);
    border-color: var(--border-colour-outline-danger-active);
}

.btn-outline-light {
  color: var(--text-colour-outline-light);
  background-color: var(--background-colour-outline-light);
  border-color: var(--border-colour-outline-light);
}

.btn-outline-light:hover {
  color: var(--text-colour-outline-light);
  background-color: var(--background-colour-outline-light-hover);
  border-color: var(--border-colour-outline-light-hover);
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  color: var(--text-colour-outline-light);
  background-color: var(--background-colour-outline-light-hover);
  border-color: var(--border-colour-outline-light-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: var(--text-colour-outline-light);
  background-color: var(--background-colour-outline-light-disabled);
  border-color: var(--border-colour-outline-light-disabled);
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: var(--text-colour-outline-light);
    background-color: var(--background-colour-outline-light-active);
    border-color: var(--border-colour-outline-light-active);
}

.btn-outline-dark {
  color: var(--text-colour-outline-dark);
  background-color: var(--background-colour-outline-dark);
  border-color: var(--border-colour-outline-dark);
}

.btn-outline-dark:hover {
  color: var(--text-colour-outline-dark);
  background-color: var(--background-colour-outline-dark-hover);
  border-color: var(--border-colour-outline-dark-hover);
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  color: var(--text-colour-outline-dark);
  background-color: var(--background-colour-outline-dark-hover);
  border-color: var(--border-colour-outline-dark-hover);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: var(--text-colour-outline-dark);
  background-color: var(--background-colour-outline-dark-disabled);
  border-color: var(--border-colour-outline-dark-disabled);
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: var(--text-colour-outline-dark);
    background-color: var(--background-colour-outline-dark-active);
    border-color: var(--border-colour-outline-dark-active);
}

.bootstrap-switch {
  border-color: var(--border-colour-default);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: var(--text-colour-primary);
  background-color: var(--background-colour-primary);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  color: var(--text-colour-info);
  background-color: var(--background-colour-info);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: var(--text-colour-success);
  background-color: var(--background-colour-success);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
  color: var(--text-colour-warning);
  background-color: var(--background-colour-warning);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  color: var(--text-colour-danger);
  background-color: var(--background-colour-danger);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
  color: var(--text-colour-default);
  background-color: var(--background-colour-default);
}

.bootstrap-switch .bootstrap-switch-label {
  color: var(--text-colour-default);
  background-color: var(--text-colour-default);
}

.loginValMsg{
  color:red !important;
  display: block;
}

.bootstrap-switch.bootstrap-switch-focused {
  background-color: var(--background-colour-default-active);
}