.display_none {
    display: none !important;
}

.form-group .error {
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    bottom: -15px;
    right: 0;
    color: red;
}

.custom-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding-left: 0
}

.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-switches-stacked {
    display: flex;
    flex-direction: column
}

.custom-switches-stacked .custom-switch {
    margin-bottom: .5rem
}

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: rgb(121, 121, 121);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #5d5d5d;
    transition: border-color .3s, background-color .3s
}

.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    transition: left .3s;
    box-shadow: none
}

.custom-switch-input:checked ~ .custom-switch-indicator:before {
    left: calc(1rem + 1px)
}

.custom-switch-input:focus ~ .custom-switch-indicator {
    box-shadow: none
}

.custom-switch-description {
    margin-right: .5rem;
    color: #a8afc7;
    transition: color .3s
}

.custom-switch-input:checked ~ .custom-switch-description {
    color: #8f9cc0
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #69FF47;
}