.font-small-1 {
    font-size: .7rem !important
}

.font-small-2 {
    font-size: .8rem !important
}

.font-small-3 {
    font-size: .9rem !important
}

.font-medium-1 {
    font-size: 1.1rem !important
}

.font-medium-2 {
    font-size: 1.2rem !important
}

.font-medium-3 {
    font-size: 1.3rem !important
}

.font-medium-4 {
    font-size: 1.4rem !important
}

.font-medium-5 {
    font-size: 1.5rem !important
}

.font-large-1 {
    font-size: 2rem !important
}

.font-large-2 {
    font-size: 3rem !important
}

.font-large-3 {
    font-size: 4rem !important
}

.font-large-4 {
    font-size: 5rem !important
}

.font-large-5 {
    font-size: 6rem !important
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.tether-element, .tether-element *, .tether-element :after, .tether-element :before, .tether-element:after, .tether-element:before {
    box-sizing: border-box
}

.tether-element {
    position: absolute;
    display: none
}

    .tether-element.tether-open {
        display: block
    }

.vs-checkbox-con {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: .25rem 0
}

    .vs-checkbox-con input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 200;
        cursor: pointer;
        top: 0
    }

        .vs-checkbox-con input:checked ~ .vs-checkbox {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            border-color: #7367F0
        }

            .vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {
                -webkit-transform: translate(0);
                -ms-transform: translate(0);
                transform: translate(0);
                background-color: #7367F0
            }

                .vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {
                    -webkit-transform: translate(0);
                    -ms-transform: translate(0);
                    transform: translate(0);
                    line-height: 1.2;
                    opacity: 1
                }

            .vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-sm .vs-checkbox--check .vs-icon {
                font-size: .75rem
            }

            .vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-lg .vs-checkbox--check .vs-icon {
                font-size: 1.2rem
            }

        .vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check {
            -webkit-transform: translate(-3px);
            -ms-transform: translate(-3px);
            transform: translate(-3px);
            background-color: #7367F0
        }

            .vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check .vs-icon {
                opacity: 1;
                -webkit-transform: translate(-6px);
                -ms-transform: translate(-6px);
                transform: translate(-6px)
            }

        .vs-checkbox-con input:disabled {
            cursor: default;
            pointer-events: none
        }

            .vs-checkbox-con input:disabled + .vs-checkbox {
                cursor: default;
                opacity: .5
            }

    .vs-checkbox-con .vs-checkbox {
        cursor: pointer;
        position: relative;
        width: 20px;
        height: 20px;
        border-width: 2px;
        border-style: solid;
        border-color: #B8C2CC;
        border-radius: 2px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        overflow: hidden;
        margin-right: .5rem;
    }

        .vs-checkbox-con .vs-checkbox.vs-checkbox-sm {
            width: 15px;
            height: 15px
        }

        .vs-checkbox-con .vs-checkbox.vs-checkbox-lg {
            width: 24px;
            height: 24px
        }

        .vs-checkbox-con .vs-checkbox .vs-checkbox--check {
            width: 100%;
            height: 100%;
            position: absolute;
            right: 0;
            -webkit-transform: translate(-100%);
            -ms-transform: translate(-100%);
            transform: translate(-100%);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            z-index: 10
        }

            .vs-checkbox-con .vs-checkbox .vs-checkbox--check .vs-icon {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: #FFF
            }

.vs-radio-con {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: .25rem 0
}

    .vs-radio-con input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 200;
        cursor: pointer
    }

        .vs-radio-con input:checked ~ .vs-radio {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            outline: 0
        }

            .vs-radio-con input:checked ~ .vs-radio .vs-radio--circle {
                background: #7367F0;
                box-shadow: 0 3px 12px 0 rgba(115,103,240,.4);
                opacity: 1;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            .vs-radio-con input:checked ~ .vs-radio .vs-radio--border {
                opacity: 0;
                -webkit-transform: scale(.3);
                -ms-transform: scale(.3);
                transform: scale(.3)
            }

        .vs-radio-con input:disabled {
            cursor: default;
            pointer-events: none
        }

            .vs-radio-con input:disabled + .vs-radio {
                cursor: default;
                opacity: .5
            }

        .vs-radio-con input:active ~ .vs-radio {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

    .vs-radio-con .vs-radio {
        cursor: pointer;
        position: relative;
        width: 18px;
        height: 18px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        margin-right: .5rem;
    }

        .vs-radio-con .vs-radio.vs-radio-sm {
            width: 13px;
            height: 13px
        }

        .vs-radio-con .vs-radio.vs-radio-lg {
            width: 22px;
            height: 22px
        }

        .vs-radio-con .vs-radio .vs-radio--border, .vs-radio-con .vs-radio .vs-radio--circle {
            width: 100%;
            height: 100%;
            position: absolute;
            right: 0;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            top: 0;
            border-radius: 50%
        }

        .vs-radio-con .vs-radio .vs-radio--border {
            background: 0 0;
            border: 2px solid #B8C2CC;
            background-color: white;
        }

        .vs-radio-con .vs-radio .vs-radio--circle {
            opacity: 0;
            -webkit-transform: scale(.1);
            -ms-transform: scale(.1);
            transform: scale(.1)
        }

.custom-switch {
    padding-right: 0
}

    .custom-switch .custom-control-label {
        height: 1.571rem;
        width: 3.1rem;
        padding: 0
    }

        .custom-switch .custom-control-label::before {
            border: none;
            background-color: #E2E2E2;
            height: 1.571rem;
            box-shadow: none !important;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            top: 0;
            right: 0
        }

        .custom-switch .custom-control-label:after {
            position: absolute;
            top: 2px;
            right: 2px;
            box-shadow: none;
            background-color: #FFF;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .custom-switch .custom-control-label .switch-icon-left, .custom-switch .custom-control-label .switch-icon-right, .custom-switch .custom-control-label .switch-text-left, .custom-switch .custom-control-label .switch-text-right {
            position: absolute;
            top: 5px;
            font-size: .7rem;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .custom-switch .custom-control-label .switch-icon-left, .custom-switch .custom-control-label .switch-text-left {
            right: 7px;
            color: #FFF
        }

        .custom-switch .custom-control-label .switch-icon-right, .custom-switch .custom-control-label .switch-text-right {
            left: 7px
        }

        .custom-switch .custom-control-label:focus {
            outline: 0
        }

    .custom-switch .switch-label {
        padding-right: 1rem
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
        box-shadow: none
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        -webkit-transform: translateX(-1.4rem);
        -ms-transform: translateX(-1.4rem);
        transform: translateX(-1.4rem)
    }

    .custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-left {
        opacity: 0
    }

    .custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-right {
        opacity: 1
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-right {
        opacity: 0
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-left {
        opacity: 1
    }

    .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: #E2E2E2
    }

    .custom-switch.switch-md .custom-control-label {
        width: 4rem;
        height: 1.571rem
    }

        .custom-switch.switch-md .custom-control-label::before {
            width: 4rem;
            border: none;
            background-color: #E2E2E2;
            height: 1.571rem;
            right: -.2857rem;
            box-shadow: none !important;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .custom-switch.switch-lg .custom-control-label::before, .custom-switch.switch-md .custom-control-label:after {
            -webkit-transition: all .25s ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            cursor: pointer
        }

        .custom-switch.switch-md .custom-control-label:after {
            box-shadow: none;
            background-color: #FFF;
            transition: all .25s ease;
            user-select: none;
            position: absolute;
            top: 2px;
            right: -2px
        }

        .custom-switch.switch-md .custom-control-label .switch-icon-right, .custom-switch.switch-md .custom-control-label .switch-text-right {
            left: 9px
        }

        .custom-switch.switch-md .custom-control-label .switch-icon-left, .custom-switch.switch-md .custom-control-label .switch-text-left {
            right: 5px
        }

    .custom-switch.switch-md .custom-control-input:checked ~ .custom-control-label::after {
        -webkit-transform: translateX(-2.3rem);
        -ms-transform: translateX(-2.3rem);
        transform: translateX(-2.3rem)
    }

    .custom-switch.switch-lg .custom-control-label {
        width: 5.5rem;
        height: 1.571rem
    }

        .custom-switch.switch-lg .custom-control-label::before {
            width: 5.5rem;
            border: none;
            background-color: #E2E2E2;
            height: 1.571rem;
            right: -.2857rem;
            box-shadow: none !important;
            transition: all .25s ease;
            user-select: none
        }

        .custom-switch.switch-lg .custom-control-label:after {
            position: absolute;
            top: 2px;
            right: -2px;
            box-shadow: none;
            background-color: #FFF;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .custom-switch.switch-lg .custom-control-label .switch-icon-right, .custom-switch.switch-lg .custom-control-label .switch-text-right {
            left: 10px
        }

    .custom-switch.switch-lg .custom-control-input:checked ~ .custom-control-label::after {
        -webkit-transform: translateX(-3.8rem);
        -ms-transform: translateX(-3.8rem);
        transform: translateX(-3.8rem)
    }

.nav-badge {
    position: absolute;
    top: 12px;
    left: -2px;
    border-radius: 50%;
}