.page_vabila #vabila{

    .button_holder{
        flex-direction: column;
        align-items: flex-start;

        .copy_survey_url_holder{
            width: 100%;

            // Url ankete in kopiranje url-ja
            .input_box {
                width: auto;
            }  
        }   
        
        // Nice URL - gumb
        #nice_url_button{
            margin: 16px 0 0 0;
        }

        // Nice URL - dodajanje
        #nice_url_holder {
            flex-direction: column;
            align-items: flex-start;

            margin: 16px 0 0 0;

            .buttons{
                margin: 16px 0 0 0;
            }
        }
    }

    .more_block{
        width: 100%;
    }
}


.page_invitations{

    #inv_top_navi{
        flex-direction: column;
        align-items: flex-start;

        margin-bottom: 32px;
        
        .inv_nav_settings{
            flex-direction: column;

            .inv_step{
                text-align: right;
            }
        }

        .inv_step{
            margin-bottom: 4px;
        }
    }

    .invitations_holder{
        
        &.fullwidth{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        &.half-half{
            flex-direction: column;

            .left_holder,
            .right_holder{
                width: 100%;

                margin-left: 0;
                margin-right: 0;
            }
        }

        &.left-menu{
            flex-direction: column;
        }

        &.three-part{
            flex-direction: column;

            fieldset{
                width: 100% !important;
                min-width: 100% !important;
            }
        }

        #inv_recipients_profiles_holder,
        #inv_messages_profiles_holder{
            min-height: auto !important;
        }
        
        .setting_line.inv_sample{
            word-break: break-all;
        }

        #inv_field_container ul li{
            width: 100%;
        }
    }

    .setting_holder.half-half{
        flex-direction: column;

        .setting_item{
            width: 100%;
            margin: 0 0 8px 0 !important;
        }
    }

    #inv_msg_preview .setting_row{
        flex-direction: column;

        .setting_item{
            width: 100%;
            margin: 0 0 8px 0 !important;
        }
    }

    .button_holder{
        flex-wrap: wrap;

        button{
            margin-bottom: 8px;
        }
    }
}


#vabila > table,
table.invitations_settings,
#inv_msg_preview table,
#inv_send_mail table{
    border-spacing: 0px;
    width: 100%;

    tbody{
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    > tbody > tr,
    > tbody > tr > td{
        display: flex;
        flex-direction: column;

        width: 100% !important;
        box-sizing: border-box;
    }

    > tbody > tr > td{
        height: auto !important;
        margin: 0;
        padding: 0 !important;

        > br{
            display: none;
        }

        > div,
        > fieldset{
            margin: 15px 0;
        }
    }

    colgroup,
    colgroup col{
        width: 100% !important;
    }

    p label{
        width: 100%;

        input[type="text"],
        input[type="number"],
        input[type="password"]{
            width: 100% !important;
            box-sizing: border-box; 
        }
    }
}

#surveyInvitationSetting,
#surveyInvitationSettingServer{
    min-width: 100% !important;
    width: 100% !important;

    margin: 10px 0 !important;
    box-sizing: border-box !important;
}

// Navigacija v vabilih
#inv_top_navi{
    display: flex;
    flex-direction: column;

    width: 100%;
    padding: 0;
    margin: 0;

    .inv_space{
        display: none;
    }

    > #inv_step_nav{
        width: 100%;

        padding: 0;
        margin: 0 0 15px 0;

        .inv_step{
            height: auto;
            padding: 0;
            margin: 0;
        }
        span.label{
            padding: 0;
        }
    }

    > #inv_step_nav.yellow{
        display: flex;
        justify-content: space-between;
        

        .inv_step{

            span.circle{
                width: 18px;
                height: 18px;
                line-height: 18px;
            }

            span.label{
                padding: 0 0 0 3px;
            }
        }
        
        .inv_step_space{
            display: none;
        }
    }
}


// VABILA podstrani
#inv_recipients_profiles_holder,
#inv_import_list_container,
#inv_messages_profiles_holder,
#inv_msg_preview_hld,
#invitation_profile_notes,
#inv_select_mail_to,
#inv_select_mail_preview{
    width: 100%;
    box-sizing: border-box;

    margin: 15px 0 !important;

    textarea{
        width: 100%;
    }
}

#inv_msg_preview table{

    th{
        height: auto !important;
        width: 100% !important;
        margin: 0;
        padding: 20px 0 0 0 !important;

        text-align: left;
    }

    input{
        width: 100%;
        box-sizing: border-box;
    }
}

.addthis_toolbox{
    line-height: 24px;

    .at-icon-wrapper{
        height: 24px !important;
        width: 24px !important;
    
        svg{
            height: 24px !important;
            width: 24px !important;
        }
    }
    
    .addthis_separator{
        font-size: 16px;
    }
}


#inv_field_container ul li {
    width: 45%;
}