.w-150px {
    width: 150px;
}
.w-200px {
    width: 200px;
}
.w-250px {
    width: 250px;
}
.form-group.required label:not(.form-check-label):after {
    content:" *";
    color:red;
}
.token.required:after {
    content:" *";
    color:red;
}
.input-group.website {
    margin-bottom: 10px;
}
.form-control.col-6.website {
    border-radius: 0.25rem;
    padding-right: 7.5px;
}
button.btn.btn-danger.remove_btn {
    margin: 0 10px;
    width: 110px;
}
.bg-skyblue {
    background-color: #00B5E2;
}
.bg-skyblue, .bg-skyblue > a {
    color: #fff!important;
}

.fade-in {
    -webkit-animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.result span {
    font-weight: bold;
    font-size: initial;
}
.strength-box {
    padding: 10px 0;
    display: none;
}
.strength-box div {
    margin: 0 5px;
    float: left;
    width: calc(25% - 10px);
    height: 5px;
    background-color: #c3c3c3;
    transition: all 0.3s;
}

:root {
    --color0: #ff0000;
    --color1: #ff9900;
    --color2: #ffcc00;
    --color3: #99FF00;
    --color4: #00FF00;
}

.strength-box .line-weak {
    background-color: var(--color1);
}
.strength-box .line-medium {
    background-color: var(--color2);
}
.strength-box .line-good {
    background-color: var(--color3);
}
.strength-box .line-strong {
    background-color: var(--color4);
}

.result span.too_weak {
    color: var(--color0);
}
.result span.weak {
    color: var(--color1);
}
.result span.medium {
    color: var(--color2);
}
.result span.good {
    color: var(--color3);
}
.result span.strong {
    color: var(--color4);
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blocked-item {
    background-color: #a9a9a9;
}

.accordion_tab {
    cursor: pointer;
}
.accordion_panel {
    display: none;
    padding: 10px;
}