.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.no-padding-top-bottom {
    padding-bottom: 0;
    padding-top: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-right {
    margin-right: 0;
}

.no-margin-left-right {
    margin-left: 0;
    margin-right: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top-bottom {
    margin-bottom: 0;
    margin-top: 0;
}

.margin-auto{
    margin:auto;
}
.scale-0 {
    font-size: 10px;
}

.scale-1 {
    font-size: 11px;
}

.scale-2 {
    font-size: 12px;
}

.scale-3 {
    font-size: 13px;
}

.scale-4 {
    font-size: 14px;
}

.scale-5 {
    font-size: 15px;
}

.scale-6 {
    font-size: 16px;
}

.scale-7 {
    font-size: 17px;
}

.scale-8 {
    font-size: 18px;
}

.scale-9 {
    font-size: 19px;
}

.scale-10 {
    font-size: 20px;
}

.bold {
    font-weight: 600;
}

.bolder {
    font-weight: 700;
}

.normal {
    font-weight: 500;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.flex {
    display: flex;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.flex-h-center {
    justify-content: center;
}

.flex-h-start {
    justify-content: flex-start;
}

.flex-h-end {
    justify-content: flex-end !important;
}

.flex-h-space-around {
    justify-content: space-around;
}

.flex-h-space-between {
    justify-content: space-between;
}

.flex-v-center {
    align-items: center;
}

.flex-v-start {
    align-items: flex-start;
}

.flex-v-ned {
    align-items: flex-end;
}

.flex-v-stretch {
    align-items: stretch;
}

.flex-v-baseline {
    align-items: baseline;
}

.lineover {
    text-decoration: line-through;
}

.progress.progress-mini-extra {
    height: 4px;
}

.progress.progress-mini {
    height: 9px;
}

    .progress.progress-mini .progress-bar, .progress.progress-mini[data-percent]:after {
        line-height: 8px;
        font-size: 11px;
    }

.progress-succsess {
    background-color: #5fba5c;
}

.progress-danger {
}

.progress-primary {
}

.progress-green {
    background-color: #54dc7c;
}

.progress-blue {
    background-color: #56b3f1;
}

.progress-purple {
    background-color: #810989;
}

.divider-1 {
    width: 100%;
    height: 1px;
    padding: 0 15px;
    margin: 15px 0;
    position: relative;
    float: left;
}

    .divider-1:before {
        content: "";
        position: absolute;
        border-bottom: 1px solid #eee;
        width: calc(100% - 20px);
        left: 10px;
        top: 0;
    }

.custom-cb:hover {
    cursor: pointer;
}

    .custom-cb input[type='checkbox'] {
        display: none;
    }

        .custom-cb input[type='checkbox'] ~ .cb-text {
            font-size: 13px;
            font-weight: 500;
            color: #666;
        }

            .custom-cb input[type='checkbox'] ~ .cb-text:before {
                content: "\f096";
                font-family: "FontAwesome";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                font-size: 15px;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                line-height: 1;
                width: 1em;
                margin-right: 2px;
                color: #666;
            }

        .custom-cb input[type='checkbox']:checked ~ .cb-text:before {
            content: "\f14a";
            color: #842989;
            animation: cbAnimation .2s ease;
        }

        .custom-cb input[type='checkbox'] ~ .cb-text.fa-2x:before {
            font-size: 18px;
        }

        .custom-cb input[type='checkbox'] ~ .cb-text.fa-3x:before {
            font-size: 20px;
        }

        .custom-cb input[type='checkbox'] ~ .cb-text.fa-4x:before {
            font-size: 24px;
        }

@keyframes cbAnimation {
    0% {
        transform: scale(0);
    }

    90% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.cb-text,
.rb-text {
    display: flex;
    align-items: center;
}

.cb-text > span {
    margin-left:3px;
}

.custom-rb {
}

    .custom-rb input[type='radio'] {
        display: none;
    }

        .custom-rb input[type='radio'] ~ .rb-text {
            font-size: 13px;
            font-weight: 500;
            color: #666;
        }

            .custom-rb input[type='radio'] ~ .rb-text:before {
                content: "\f10c";
                font-family: "FontAwesome";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                font-size: 16px;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                line-height: 1em;
                width: 1em;
                margin-right: 2px;
                color: #666;
                position: relative;
                top: 0.2rem;
            }

            .custom-rb input[type='radio']:checked ~ .rb-text.green:before {
                color: #54dc7c;
            }

            .custom-rb input[type='radio']:checked ~ .rb-text.purple:before {
                color: #842989;
            }

            .custom-rb input[type='radio'] ~ .rb-text.icon-checkbox:before {
                content: "\f096";
            }

        .custom-rb input[type='radio']:checked ~ .rb-text:before {
            content: "\f192";
            color: #842989;
            animation: cbAnimation .2s ease;
        }

        .custom-rb input[type='radio']:checked ~ .rb-text.icon-checkbox:before {
            content: "\f14a";
        }

        .custom-rb input[type='radio'] ~ .rb-text.fa-2x:before {
            font-size: 18px;
        }

        .custom-rb input[type='radio'] ~ .rb-text.fa-3x:before {
            font-size: 20px;
        }

        .custom-rb input[type='radio'] ~ .rb-text.fa-4x:before {
            font-size: 24px;
        }

        .custom-rb input[type='radio']:checked ~ .rb-text.orange:before {
            color: #ff6a00;
        }

        .custom-rb input[type='radio']:checked ~ .rb-text.green:before {
            color: #94c849;
        }

    .custom-rb .br-wrapper {
        display: inline-block;
        position: relative;
        top: 2px;
        height: auto;
        margin: 0 5px;
    }

@keyframes cbAnimation {
    0% {
        transform: scale(0);
    }

    90% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}