@font-face{
    font-family:Poppins-Regular;src:url(Poppins-Regular.ttf)
}
.page_container
{
    padding : 0 10px;
    
}

.title
{
    font-size: 20px;
    text-align: center;
    font-family: Poppins-Regular;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Login page css */
.login-box
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.login-form
{
    display: flex;
    flex-wrap: wrap;
    padding: 10% 65px 40px;
    box-sizing: border-box;
    margin: 0;
    width: 40%
}

.login100-form-title
{
    font-family: Poppins-Regular;
    font-size: 20px;
    color: #555;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    width: 100%;
    display: block;
    padding: 32px;
}

.wrap-input
{
    position: relative;
    width: 50%;
    margin-bottom: 20px;
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.input100 
{
    display: block;
    width: 100%;
    background: 0 0;
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #666;
    line-height: 1.2;
    padding: 0 25px;

    outline: none;
    border: none;
    height: 55px;
}

.container-login100-form-btn
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

.login100-form-btn
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 50%;
    height: 50px;
    border-radius: 3px;
    background: #858585;
    font-family: Poppins-Regular;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;

    outline: none!important;
    border: none;

}

.login100-form-btn:hover
{
    background: #00b8b8;
}

.login-error
{
    text-align: center;
    width: 100%;
    display: block;
    color: #f00;
    font-family: Poppins-Regular;
    font-size: 15px;
    padding: 10px;
}

/* Saját */
.content-wrapper
{
    border: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.content-block
{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: 0;

}

.w-40
{
    width: 40%
}

.w-80
{
    width: 80%
}

.content-cell-10
{
    /*border: solid 0px #aaa;*/
    position: relative;
    width: 10%;
    box-sizing: border-box;
    padding: 10px;
    font-family: Poppins-Regular;
}

.content-cell-33
{
    border: solid 0px #aaa;
    position: relative;
    width: 33%;
    box-sizing: border-box;
    padding: 10px;
    font-family: Poppins-Regular;
}

.content-cell-45
{
    /*border: solid 0px #aaa;*/
    position: relative;
    width: 45%;
    box-sizing: border-box;
    padding: 10px;
    font-family: Poppins-Regular;
}

.content-cell-50
{
    /*border: solid 0px #aaa;*/
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    font-family: Poppins-Regular;
}

.content-cell-100
{
    /*border: solid 0px #aaa;*/
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: Poppins-Regular;
}

.input-15
{
    display: block;
    width: 100%;
    background: 0 0;
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #666;
    outline: none;
    border-bottom: 1px solid #888;
    border-left: none;
    border-right: none;
    border-top: none;
    height: 45px;
}