textarea {
    resize: none;
}


/* card-durum */
:root {
    --durumBaseColor: #F48484;
    --durumProgressColor: #2b90d9;
    --durumCompleleColor: #2b90d9;
}

.card-durum .card-body {
    min-height: 100px;
}

.wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

    .wizard-progress .step {
        display: table-cell;
        text-align: center;
        vertical-align: top;
        overflow: visible;
        position: relative;
        font-size: 14px;
        font-weight: 700;
        color: var(--durumBaseColor);
    }

        .wizard-progress .step:not(:last-child):before {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 37px;
            height: 6px;
            width: 100%;
            background-color: var(--durumBaseColor);
        }


        .wizard-progress .step > span {
            white-space: nowrap;
        }

        .wizard-progress .step .node {
            display: inline-block;
            border-radius: 50%;
            height: 30px;
            width: 30px;
            position: absolute;
            top: 25px;
            left: 50%;
            margin-left: -18px;
            border: 6px solid var(--durumBaseColor);
            background-color: var(--durumBaseColor);
        }

        .wizard-progress .step.complete {
            color: var(--durumCompleleColor);
        }

            .wizard-progress .step.complete:before {
                background-color: var(--durumCompleleColor);
            }

            .wizard-progress .step.complete .node {
                border-color: var(--durumCompleleColor);
                background-color: var(--durumCompleleColor);
            }

                .wizard-progress .step.complete .node:before {
                    font-family: FontAwesome;
                    content: "\f00c";
                    color: #fff;
                    font-size: 14px;
                }

        .wizard-progress .step.in-progress {
            color: var(--durumProgressColor);
        }

            .wizard-progress .step.in-progress:before {
                background: var(--durumProgressColor);
                background: -moz-linear-gradient(left, var(--durumProgressColor) 0%, var(--durumBaseColor) 100%);
                background: -webkit-linear-gradient(left, var(--durumProgressColor) 0%, var(--durumBaseColor) 100%);
                background: linear-gradient(to right, var(--durumProgressColor) 0%, var(--durumBaseColor) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--durumProgressColor)', endColorstr='var(--durumBaseColor)', GradientType=1 );
            }

            .wizard-progress .step.in-progress .node {
                border-color: var(--durumProgressColor);
                background-color: #fff;
            }

                .wizard-progress .step.in-progress .node::after {
                    content: '';
                    display: block;
                    width: 18px;
                    height: 18px;
                    border-radius: 50%;
                    background-color: #BFDB38;
                    animation: blinker 2s linear infinite;
                }

@media(max-width: 900px) {
    .wizard-progress .step > span {
        display: none;
    }
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}