body {
    font-family: $SansPro_font;
}

/************GDPR OBRAZEC***************/
body.gdpr{
    line-height: 26px;
    
    div.form_row {
        clear: both;
        display: block;
        
        padding: 8px 0 8px 10px;
        vertical-align: center;
    }
    
    p.red {
        color: red;
    }
    
    input[type="text"]{
        width: 320px;
    }
    label{
        cursor: pointer;
    }
    textarea {
        width: 500px;
        height: 100px;
        margin-left: 10px;
    }
    textarea.red {
        border: 1px red solid;
    }
    
    div.label{
        display: inline-block;
        width: 150px;
    }
}
/******************************/


/************REGISTRACIJSKI OBRAZEC***************/
body.register{

    
    .register_holder{

        background-color: red;

        .subtitle{
            padding: 0;
            margin: 0;
            
            line-height: 20px;
            font-size: 18px;
        }
        
        p{
            font-size: 16px;
            color: #333;
            
            margin: 10px 0;
        }
        .right p{
            margin-bottom: 20px;
            color: #333;
        }
        ul{
            list-style-type: disc;
            
            font-size: 16px;
            color: #333;
        }
        ul li{
            list-style-type: disc;
            
            margin-left: 30px;
            padding-left: 5px;
            
            font-size: 16px;
            color: #333;
        }
        
        p span.label.edit{
            float: left;
            width: 100px;
            margin-left: 20px;
        }
        div.form_row {
            clear: both;
            display: block;
            
            padding: 8px 0 8px 10px;
            margin: 15px 0 5px 0;
            vertical-align: center;
        }
        div.form_row.red label,
        div.form_row.red input{
            color:red;
        }
        div.form_row.red input{
            border-color: red;
        }
        
        .form_row span.label {
            clear: left;
            float: left;
            
            margin: 0;
            width: 160px;
            
            color: #333;
            font-weight: 600;
            line-height: 50px;
        }
        input[type="text"],
        input[type="password"] {
            padding: 6px 15px;
            width: 300px;
            
            color: #333;
            font-size: 14px;
            
            border: 1px #e6e6e6 solid;
        }
        .form_row.agreement label {
            font-weight: 500;
            /*font-size: 14px;*/
            color: #333;
        }
        .form_row.agreement span.red {
            font-weight: 400;
            line-height: 30px;
        }
        
        input[type="checkbox"] {
            float: left;
            margin-top: 2px;
        }
        .checkbox_text_holder{
             margin-left: 30px;
        }
        .checkbox_explain_text_holder{
            display: none;
             margin: 15px 0 0 20px;
        }
        
        input[type="submit"]{
            margin-top: 30px;
        }
        
        .confirm_text{
            margin-bottom: 20px;
            
            font-size: 16px;
            color: #333;
        }
        
        .g-recaptcha{
            float: left;
            margin: 15px 10px 20px;
        }

        label{
            cursor: pointer;
        }

        .red.italic{
            padding-left: 10px;
        }
        .agreement .red.italic{
            padding-left: 0px;
        }
    }
}
/******************************/




/************LOGIN OBRAZEC***************/
body.login{

    .main_content{   

        .login_holder p{
            font-size: 16px;
            color: #333;
        }
        
        .form_row span.label {
            clear: left;
            float: left;
            
            margin: 0;
            width: 100px;
            
            color: #333;
            font-weight: 600;
            line-height: 50px;
        }
        p span.label.edit{
            float: left;
            width: 100px;
            margin-left: 20px;
        }
        div.form_row {
            clear: both;
            display: block;
            
            padding: 8px 0 8px 10px;
            margin: 15px 0 5px 0;
            vertical-align: center;
        }
        div.form_row.red label,
        div.form_row.red input{
            color:red;
        }
        div.form_row.red input{
            border-color: red;
        }
       
        label{
            cursor: pointer;
        }

        input[type="submit"]{
            margin-top: 30px;
        }
    }
}
/******************************/


/************RESET GESLA***************/
body.reset_password_activate{
    line-height: 26px;
    
    div.form_row {
        clear: both;
        display: block;
        
        padding: 8px 0 8px 10px;
        vertical-align: center;
    }
    
    p.red {
        color: red;
    }
    
    input[type="text"]{
        width: 320px;
    }
    label{
        cursor: pointer;
    }
    
    div.label{
        display: inline-block;
        width: 250px;
    }
}
/******************************/