/* PATH /user */ 
body.path-user {
    height: calc(100% - 175px);
}

body.path-user h1 {
    color: #75a734;
    margin-bottom: 5px;
    margin-top: 0;
}

body.path-user h3 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 25px;
}

body.path-user .red {
    color: #EF1414;
}

/*
body.path-user div.dialog-off-canvas-main-canvas,
body.path-user div#page-wrapper,
body.path-user div#page,
body.path-user section#content-outer-wrapper,
body.path-user div#main-layout {
    min-height: 100%;
}
*/

body.path-user div#main-layout {
    padding-top: 20px;
    
    background-color: white;
        
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);    
}

/* user-login-form, ucimte-login-form, user-pass */
body.path-user div#main-layout div.region-content {
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}

body.path-user form#user-login-form div.form-item label,
body.path-user form#ucimte-login-form div.form-item label,
body.path-user form#user-pass div.form-item label,
body.path-user form#user-form div.form-item label,
body.path-user form#user-register-form div.form-item label {
    display: inline-block;
    width: 22%;
    
    font-weight: normal;
    font-size: 15px;
    
    vertical-align: middle;
    margin: 0;
}
/*
body.path-user form#user-login-form div.form-item input,
body.path-user form#ucimte-login-form div.form-item input,
body.path-user form#user-pass div.form-item input,
body.path-user form#user-form div.form-item input,
body.path-user form#user-register-form div.form-item input,
body.path-user form#user-form div.form-item select,
body.path-user form#user-register-form div.form-item select {
    display: inline-block;
    width: 77%;
}
*/

body.path-user form#user-login-form div.form-item input,
body.path-user form#ucimte-login-form div.form-item input,
body.path-user form#user-pass div.form-item input,
body.path-user form#user-form div.form-item input,
body.path-user form#user-register-form div.form-item input,
body.path-user form#user-form div.form-item select,
body.path-user form#user-register-form div.form-item select {
    display: inline-block;
    width: 77%;

    max-width: 100%;
    padding: 0.35em 0.5em;
    font-size: 15px;
    font-weight: normal;
    border: 2px solid #FAFAFA;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

body.path-user form#user-register-form div.form-item select {
    background-color: white;
}

body.path-user form#user-login-form div.form-item div.description,
body.path-user form#ucimte-login-form div.form-item div.description,
body.path-user form#user-pass div.form-item div.description,
body.path-user form#user-pass p,
body.path-user form#user-form div.form-item div.description,
body.path-user form#user-register-form div.form-item div.description  {
    margin-left: 22.5%;
    margin-top: 0.5em;
    color: #8d8d8d;
}

body.path-user form#user-pass p {
    margin-top: -10px;
    font-size: 0.85em;
}

body.path-user form#user-form div.form-item,
body.path-user form#user-register-form div.form-item {
    max-width: 100%;
}

body.path-user form#user-form div.form-item div.password-strength,
body.path-user form#user-form div.form-item div.password-confirm,
body.path-user form#user-register-form div.form-item div.password-strength,
body.path-user form#user-register-form div.form-item div.password-confirm {
    margin: 6px 0 6px 23%;
}

body.path-user form#user-form div.form-type-checkbox input,
body.path-user form#user-register-form div.form-type-checkbox input {
    margin-right: 25px;
    width: 13px;
    /*width: 60px;*/
    /*margin-left: calc(22% - 60px);*/
    margin-left: 5%;
}

body.path-user form#user-form div.form-type-checkbox label,
body.path-user form#user-register-form div.form-type-checkbox label{
    width: 90%;
}

body.path-user form#user-form div.form-type-checkbox div.description,
body.path-user form#user-register-form div.form-type-checkbox div.description {
    margin-left: calc(5% + 42px);
    margin-top: 0;
    color: #8d8d8d;
}

body.path-user form#user-register-form div.soglasje,
body.path-user form#user-form div.soglasje {
    margin-top: 30px;
    margin-bottom: 30px;
    
    border: 1px solid black;
    border-radius: 10px;
    
    padding: 15px;
    
}

body.path-user form#user-register-form div.soglasje p,
body.path-user form#user-form div.soglasje p {
    font-size: 15px;
    margin: 0;
}

body.path-user form#user-register-form div.soglasje p.soglasje_naslov,
body.path-user form#user-form div.soglasje p.soglasje_naslov {
    font-weight: bold;
    margin-top: 10px;
}

body.path-user form#user-login-form p.login-form-forgot-password {
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}

/* REGISTER FORM - added "Buy code" button */
body.path-user form#user-register-form input#edit-field-user-valid-activation-code-0-value,
body.path-user form#user-register-form div#edit-field-user-valid-activation-code-0-value--description {
    width: calc(77% - 120px)!important;
}


body.path-user form#user-register-form div.valid_activation_code_input {
    position: relative;
}

body.path-user form#user-register-form div.valid_activation_code_input a.nakup-kode {
    width: 100px;
    position: absolute;
    right: 0;
    top: -3px;
}

body.path-user form#user-register-form div#edit-field-splosni-pogoji-wrapper input {
    margin-left: 22.5%;
}

body.path-user form#user-register-form div#edit-field-splosni-pogoji-wrapper label {
    width: auto;
}

body.path-user form#user-register-form div#edit-field-splosni-pogoji-wrapper div#edit-field-splosni-pogoji-value--description {
    margin-left: calc(22.5% + 43px);
    margin-top: 3px;
}

/* User profile page styles */
body.path-user div.mk-user-profile-page div.top-menu {
    margin-top: 20px;
    margin-bottom: 25px;
}

body.path-user div.mk-user-profile-page div.top-menu .button {
    cursor: pointer;
    width: 150px;
}

body.path-user div.mk-user-profile-page div.top-menu form#add-code .button {
    width: 150px!important;
}

body.path-user div.mk-user-profile-page div.top-menu div.left {
    display: inline-block;
}

body.path-user div.mk-user-profile-page div.top-menu div.right {
    float: right;
}

body.path-user div.mk-user-profile-page div.top-menu .add-code-field {
    display: inline-block;
    width: 137px;

    padding: 0.35em 0.5em;
    margin-right: 15px;
    font-size: 15px;
    font-weight: normal;
    border: 2px solid #FAFAFA;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

body.path-user div.mk-user-profile-page p.description {
    text-align: center;
    margin: 0;
    font-size: 12px;
    margin-top: 5px;
    color: grey;
}

body.path-user div.mk-user-profile-page div.top-menu div#add-code-response {
    display: none;
    font-weight: bold;
    margin-top: 35px;
    padding: 15px;
    text-align: center;
    
    color: #295fa0;
    border: 1px solid #295fa0;
    background-color: #c8d5e2;
}

body.path-user div.mk-user-profile-page div.top-menu div#add-code-response.success {
    color: #75a734;
    border: 1px solid #75a734;
    background-color: #d5f3ca;
}

body.path-user div.mk-user-profile-page div.top-menu div#add-code-response.fail {
    color: #a51b00;
    border: 1px solid #a51b00;
    background-color: #fcf4f2;
}

body.path-user div.mk-user-profile-page table {
    border: 1px solid #75a734;
    width: 100%;
    text-align: left;
}

/*
div.mk-user-profile-page table {
    height: 40px;
}
*/

body.path-user div.mk-user-profile-page table td, 
body.path-user div.mk-user-profile-page table th {
    border: 0px solid #AAAAAA;
    padding: 3px 10px;
    height: 40px;
} 

body.path-user div.mk-user-profile-page table th {
    font-family: "Trebuchet MS", sans-serif;
}

body.path-user div.mk-user-profile-page table tbody td {
    font-size: 14px;
    height: 45px;
}

body.path-user div.mk-user-profile-page table tr:nth-child(even) {
    background: #d5f3ca;
}

body.path-user div.mk-user-profile-page table thead {
    background: #75a734;    
    background: -moz-linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    background: -webkit-linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    background: linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    border-bottom: 1px solid #444444;
}

body.path-user div.mk-user-profile-page table thead th {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #f0ffea;
}

body.path-user div.mk-user-profile-page table thead th:first-child {
    border-left: none;
}

body.path-user div.mk-user-profile-page table thead th.aktivacijska-koda {
    width: 20%;
}

body.path-user div.mk-user-profile-page table thead th.naslov {
    
}

body.path-user div.mk-user-profile-page table thead th.datum-veljavnosti {
    width: 20%;
}

/****** My responsive layout styles ******/
@media all and (min-width: 0px)  and (max-width: 767px) {    
    body.path-user div.mk-user-profile-page div.top-menu div.left {
        width: 100%;
        text-align: center;
    }

    body.path-user div.mk-user-profile-page div.top-menu div.right {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    
    body.path-user h1 {
        font-size: 20px;
    }
    
    body.path-user h3 {
        font-size: 14px;
    }
    
    body.path-user form#user-login-form div.form-item input,
    body.path-user form#ucimte-login-form div.form-item input,
    body.path-user form#user-pass div.form-item input,
    body.path-user form#user-form div.form-item input,
    body.path-user form#user-register-form div.form-item input,
    body.path-user form#user-form div.form-item select,
    body.path-user form#user-register-form div.form-item select {
        width: 60%;
    }

    body.path-user form#user-login-form div.form-item label,
    body.path-user form#ucimte-login-form div.form-item label,
    body.path-user form#user-pass div.form-item label,
    body.path-user form#user-form div.form-item label,
    body.path-user form#user-register-form div.form-item label {
        width: 35%;
        font-size: 14px;
    }
    
    body.path-user form#user-login-form div.form-item div.description, 
    body.path-user form#ucimte-login-form div.form-item div.description, 
    body.path-user form#user-pass div.form-item div.description, 
    body.path-user form#user-pass p, 
    body.path-user form#user-form div.form-item div.description, 
    body.path-user form#user-register-form div.form-item div.description {
        margin-left: 35.5%;
        font-size: 12px;
    }
    
    body.path-user form#user-form div.form-type-checkbox input, 
    body.path-user form#user-register-form div.form-type-checkbox input {
        width: 13px;
    }
    
    body.path-user form#user-register-form div#edit-field-user-consensus1-value--description,
    body.path-user form#user-form div#edit-field-user-consensus1-value--description{
        margin-left: 11%;
    }
    
    body.path-user form#user-register-form input#edit-field-user-valid-activation-code-0-value, 
    body.path-user form#user-register-form div#edit-field-user-valid-activation-code-0-value--description {
        width: calc(65% - 120px)!important;
    }
    
    body.path-user div.soglasje div.field--type-boolean label {
        width: 75%!important;
    }
    
    body.path-user form#user-form div.form-item div.password-strength, 
    body.path-user form#user-form div.form-item div.password-confirm, 
    body.path-user form#user-register-form div.form-item div.password-strength, 
    body.path-user form#user-register-form div.form-item div.password-confirm {
        margin-left: 36%;
    }

    body.path-user form#user-register-form div.soglasje p,
    body.path-user form#user-form div.soglasje p {
        font-size: 14px;
    }
    
    body.path-user div.mk-user-profile-page table thead th {
        font-size: 14px;
    }
    
    body.path-user div.mk-user-profile-page table tbody td {
        font-size: 12px;
    }

    body.path-user form#user-register-form div#edit-field-splosni-pogoji-wrapper input {
        margin-left: 35.5%;
    }

    body.path-user form#user-register-form div#edit-field-splosni-pogoji-wrapper div#edit-field-splosni-pogoji-value--description {
        margin-left: calc(35.5% + 43px);
        margin-top: 3px;
    }
    
    body.path-user form#user-register-form div.form-type-checkbox div.description {
        margin-left: calc(5% + 42px);
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    body.path-user div.soglasje div.field--type-boolean label {
        width: 80%!important;
    }    
}

@media all and (min-width: 1024px) and (max-width: 1219px) {
    
}

@media all and (min-width: 1220px) {
    
}