#add_package_button_modal button.close {
    background: transparent;
    color: #000;
    border: none;
    font-size: 35px;
}

button#savePackage {
    padding: 11px 20px !important;
}

#add_package_button {
    position: absolute;
    top: 0px;
}

.notes-des {
    font-size: 14px;
    padding-bottom: 15px;
}

#saPackageForm label[for="active"] {
    display: inline-flex;
    align-items: center;
}

#saPackageForm input#active {
    margin-right: 5px;
}

#add_package_button_modal {
    font-family: "Montserrat", Sans-serif;
}

#sa_packages_listing_list td.action a i {
    color: #c36;
    cursor: pointer;
}

.custom-switch .form-check-label::after {
    content: "";
    top: 2px;
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    position: absolute;
}

.custom-switch .form-check-label::before {
    content: "";
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
    position: absolute;
    width: 29px;
    height: 16px;
    border: 1px solid #adb5bd;
    background: #fff;
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch label.form-check-label {
    position: relative;
}

.form-check.form-switch.custom-switch input[type="checkbox"] {
    display: none;
}

.custom-switch label.form-check-label {
    padding-top: 0 !important;
}

.custom-control-input:checked~.form-check-label::before {

    border-color: #D01342 !important;

    background-color: unset !important;

    background-image: linear-gradient(210deg, #3A31A1 0%, #D01342 100%);

}

.custom-control-input:checked~.form-check-label::before {
    border-color: #D01342 !important;
    background-color: unset !important;
    background-image: linear-gradient(210deg, #3A31A1 0%, #D01342 100%);
}

.custom-switch .form-check-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
}

.custom-switch .custom-control-input:checked~.form-check-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

/* .custom-switch .form-check-label::after {
    margin-top: 8px !important;
} */

.custom-switch .form-check-label::after {
    top: calc(.25rem + -2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.custom-switch .custom-control-input:checked~.form-check-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

/* .custom-switch .form-check-label::after {
    margin-top: 8px !important;
} */

/* .custom-switch .custom-control-input:checked~.form-check-label::after {
    margin-top: -4px !important;
} */

.form-check-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.form-check-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-control-input:checked~.form-check-label::after {
    top: calc(.25rem + -2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #fff;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}