﻿.ovr-tab .steps ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    width: 100%;

}

.ovr-tab .steps li {
    transition: background 500ms linear;
}



.ovr-tab .steps li, .ovr-tab .steps li.current {
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    position: relative;
    width: 19.9%;
    padding: 16.5px 15px;
}

    .ovr-tab .steps li.previousTab {
        background: #3a8b42;
    }

    .ovr-tab .steps li.currentTab {
        background: #c54545 !important;
        
    }

.ovr-tab li.completedTab {
    background: #3a8b42;
}

.ovr-tab .steps li.nextTab {
    background: #666666;
    pointer-events: none;
    cursor: not-allowed;
}

 

.ovr-tab .steps li div {
    text-decoration: underline;
    color: white;
}

    .ovr-tab .steps li div .title {
        display: flex;
        display: -webkit-flex;
        justify-content: space-around;
        -o-justify-content: space-around;
        -ms-justify-content: space-around;
        -moz-justify-content: space-around;
        -webkit-justify-content: space-around
    }


        .ovr-tab .steps li div .title .step-icon {
            width: 25px;
            height: 25px;
            border: 1px solid #fff;
            position: relative;
            outline: none;
            -o-outline: none;
            -ms-outline: none;
            -moz-outline: none;
            -webkit-outline: none;
            color: #fff0;
        }


@media screen and (max-width: 991px) {
    .ovr-tab .steps li div .title {
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        font-size: 10px;
    }

        .ovr-tab .steps li div .title .step-icon {
            width: 18px;
            font-size: 12px;
            height: 18px;
        }

      
        .ovr-tab .steps li div {
            white-space: nowrap;
        }
}

@media screen and (max-width: 991px) and (min-width:768px) {
    .ovr-tab .steps li a {
        white-space: nowrap;
    }
}

@media screen and (max-width: 767px) {
    .ovr-tab .steps li a {
        white-space: unset;
    }

    .form-tab-border {
        border: none !important;
    }
}
.ovr-tab .steps li .current-info {
    display: none
}

.ovr-tab .steps li::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 60px;
    background: #ededed;
    top: 0;
    left: 100%
}

.redLabel {
    color: red;
}

.k-form-hint,
.k-form-error {
    font-weight: 700 !important;
    margin-top: 4px;
    display: flex;
    font-size: 16px !important;
    font-style: normal;
}

.warning-text-border {
    border: solid 2px indianred;    
}

.warning-icon {
    font-size: 48px;
    color: darkorange;
    padding-top: 12px;
}