/************WELCOME STRAN***************/
.main_content.welcome{
    h2::before{
        content: '1/5 - ';
    }
}
/******************************/



/************FINISH STRAN***************/
.main_content.finish{
    h2::before{
        content: '5/5 - ';
    }
}
/******************************/



/************CHECK STRAN***************/
.main_content.check{
    
    h2::before{
        content: '2/5 - ';
    }
    
    .check_segment{
        margin: 0 0 20px 0;
        padding: 20px;

        background-color: #eee;

        h3{
            margin: 0 0 20px 0;
        }

        .check_item{
            display: flex; 

            padding-bottom: 10px;

            .what{
                width: 350px;
                padding-right: 10px;

                text-align: right;
            }
            
            .value{
                font-weight: 600;
                
                &.green{
                    color: green;
                }
                &.orange{
                    color: orange;
                }
                &.red{
                    color: red;
                }
            }
        }
    }
}
/******************************/



/************SETTINGS STRAN***************/
.main_content.settings{
    
    h2::before{
        content: '3/5 - ';
    }

    .settings_segment{
        margin: 0 0 20px 0;
        padding: 20px;

        background-color: #eee;

        h3{
            margin: 0 0 20px 0;
        }

        .settings_item{
            display: flex;
            vertical-align: middle;

            padding-bottom: 10px;

            &.radio{
                .value{
                    margin-top: 10px;
                }
            }

            .what{
                width: 400px;
                padding-right: 10px;

                line-height: 36px;
                text-align: right;
            }

            input[type="text"]{
                width: 450px;
            }
        }
    }
}
/******************************/

/************DATABASE STRAN***************/
.main_content.database{
    h2::before{
        content: '4/5 - ';
    }
}
/******************************/