#user_instructions_mod_sidebar {
    position: fixed;
    z-index: 2500;
    right: 0;
    top: 40%;
}

/* general */
#user_instructions_mod_sidebar .disabled {
    pointer-events: none;
    opacity: 0.3;
}

#user_instructions_sidebar_modal_support_form {
    display: none;
}

#user_instructions_sidebar_modal_video_frame {
    display: none;
}

#user_instructions_mod_sidebar img,
#user_instructions_mod_sidebar iframe,
.user_instructions_sidebar_modal img,
.user_instructions_sidebar_modal iframe {
    display: block;
}

#user_instructions_mod_sidebar input[type='radio'],
#user_instructions_mod_sidebar input[type='checkbox'],
.user_instructions_sidebar_modal input[type='radio'],
.user_instructions_sidebar_modal input[type='checkbox'] {
    margin: 0;
}

#user_instructions_mod_sidebar input[type='text'],
.user_instructions_sidebar_modal input[type='text'] {
    padding: 4px;
}

/* *general */

#user_instructions_mod_sidebar .user_instructions_container {}

#user_instructions_mod_sidebar .user_instructions_outer {}

#user_instructions_mod_sidebar .user_instructions_inner_top {
    width: 50px;
    height: 10px;
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/sidebar_bg_top.png');
    background-repeat: no-repeat;
}

#user_instructions_mod_sidebar .user_instructions_inner_mid {
    width: 40px;
    padding-left: 7px;
    padding-right: 3px;
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/sidebar_bg_mid.png');
    background-repeat: repeat-y;
}

#user_instructions_mod_sidebar .user_instructions_inner_bot {
    width: 50px;
    height: 10px;
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/sidebar_bg_bot.png');
    background-repeat: no-repeat;
}

#user_instructions_mod_sidebar .sidebar_header {
    color: white;
    margin-bottom: 5px;
    text-align: center;
}

#user_instructions_mod_sidebar .sidebar_button {
    position: relative;
    margin-bottom: 5px;
}

#user_instructions_mod_sidebar .sidebar_button:last-child {
    margin-bottom: 0px;
}

#user_instructions_mod_sidebar .sidebar_button .sidebar_button_icon {
    position: relative;
    height: 38px;
    width: 38px;
    cursor: pointer;

    -o-border-radius: 19px;
    -ns-border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    border-radius: 19px;

}

#user_instructions_mod_sidebar .sidebar_button .sidebar_button_icon:hover {
    box-shadow: 0 0 1px 1px #878787;
}

#user_instructions_mod_sidebar .support_button_icon {
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/button_support.png');
    background-repeat: no-repeat;
}

#user_instructions_mod_sidebar .video_inst_button_icon {
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/button_video.png');
    background-repeat: no-repeat;
}

#user_instructions_mod_sidebar .text_inst_button_icon {
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/button_text.png');
    background-repeat: no-repeat;
}

#user_instructions_mod_sidebar .sidebar_popup {
    position: absolute;
    right: 100%;
    top: 50%;
    display: none;

}

#user_instructions_mod_sidebar .sidebar_button.show_popup .sidebar_popup {
    display: block;
}

#user_instructions_mod_sidebar .sidebar_popup_outer {
    position: relative;
}

#user_instructions_mod_sidebar .sidebar_popup_inner {
    background: white;
    min-width: 280px;

    margin-top: -90px;
    margin-right: 13px;

    padding: 15px;

    /*box-shadow: 0 0 1px 1px #c6ab0d, 0 0 2px 2px black, 0 0 1px 2px #c6ab0d;*/
    box-shadow: 0 0 1px 1px #c6ab0d, 0 0 3px 1px black;

    -o-border-radius: 3px;
    -ns-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#user_instructions_mod_sidebar .sidebar_popup_inner:before {
    content: "";
    border-left: 13px solid white;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    position: absolute;
    right: 0px;
    top: 84px;
}

#user_instructions_mod_sidebar .support_button .sidebar_popup_inner {
    padding-left: 30px;
    padding-right: 30px;
}

#user_instructions_mod_sidebar .sidebar_popup_header {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px
}

#user_instructions_mod_sidebar .support_department_radio_list {
    margin-bottom: 15px;
}

#user_instructions_mod_sidebar .support_department_radio_list .support_department_radio_container {
    margin-bottom: 10px;
}

#user_instructions_mod_sidebar .support_department_radio_list .support_department_radio_container:last-child {
    margin-bottom: 0px;
}

#user_instructions_mod_sidebar .support_department_radio_list .support_department_radio_container input {
    vertical-align: middle;
}

#user_instructions_mod_sidebar .support_department_radio_list .support_department_radio_container label {
    cursor: pointer;
}

#user_instructions_sidebar_modal_support_success {
    width: 853px !important;
    padding-bottom: 30px;
}

.support-success-icon {
    margin-top: 15px;
    text-align: center;
}

.support-success-icon img {
    margin: 0 auto;
}

.support-success-title {
    margin-top: 15px;
    font-size: 42px;
    text-align: center;
    color: #5e5d62;
}

.support-success-text-1 {
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
}

.support-success-text-2 {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
}

.support-success-separator {
    margin-top: 25px;
    font-size: 18px;
    letter-spacing: 20px;
    text-align: center;
}

#user_instructions_mod_sidebar .sidebar_popup_button_container {}

/*slider*/
#user_instructions_mod_sidebar .slider_container {
    margin-top: 30px;
    margin-bottom: 30px;
}

#user_instructions_mod_sidebar .slider_container h4 {
    text-align: center;
}

#user_instructions_mod_sidebar .sidebar_slider {
    position: relative;
    /*margin-top: 15px;*/
    /*margin-left: -5px;*/
    width: 330px;
}

#user_instructions_mod_sidebar .sidebar_slider .slider_content {
    position: relative;
    width: 330px;
    /*height: 170px;*/
    margin: 0 auto;
    overflow: hidden;
}

#user_instructions_mod_sidebar .sidebar_slider .slider_inner {
    position: relative;
    height: 100%;
    width: 9999px;
    overflow: visible;
    /*margin: 0 3px;*/
}

#user_instructions_mod_sidebar .sidebar_slider .slider_inner>.item {
    position: relative;
    width: 280px;
    height: 100%;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    float: left;
    /*overflow: hidden;*/
}

#user_instructions_mod_sidebar .sidebar_slider .slider_inner>.item>.item_inner,
#user_instructions_mod_sidebar .sidebar_slider .slider_inner>.item>.item_inner * {
    cursor: pointer;
}

/* slide inner */
#user_instructions_mod_sidebar .sidebar_slider .item_inner {}

#user_instructions_mod_sidebar .sidebar_slider .item_inner .inst_name {
    width: 330px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: -25px;
}

#user_instructions_mod_sidebar .sidebar_slider .item_inner .inst_preview {
    margin-top: 10px;
    max-height: 130px;
    overflow: hidden;
}

#user_instructions_mod_sidebar .sidebar_slider .item_inner .inst_preview img {
    margin: 0 auto;
    max-width: 200px;
}

#user_instructions_mod_sidebar .sidebar_popup_inner .all_instructions {
    text-align: center;
    margin-top: 10px;
}

/* *slide inner */

#user_instructions_mod_sidebar .sidebar_slider .slider_control {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background: none;
    width: 50px;
    margin-top: 20px;
    /*opacity: 0.3;*/
    /*filter: alpha(opacity=30);*/
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control:hover {
    /*opacity: 0.7;*/
    /*filter: alpha(opacity=70);*/
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control.slider_left {
    left: 0;
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control.slider_right {
    right: 0;
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control>span {
    /*height: 0px;*/
    /*width: 0px;*/
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    margin-left: -6px;
    margin-top: -20px;

    background-position: center top;
    height: 39px;
    width: 39px;

    /*border-top: 10px solid transparent;*/
    /*border-bottom: 10px solid transparent;*/
    /*border-right: 20px solid black;*/
    /*border-left: 20px solid black;*/
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control:hover>span {
    background-position: center bottom;
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control.slider_left>span {
    left: 100%;
    margin-left: -44px;
    /*border-left: none;*/
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/nav_left.png');
}

#user_instructions_mod_sidebar .sidebar_slider .slider_control.slider_right>span {
    left: 0;
    margin-left: 4px;
    /*border-right: none;*/
    background-image: url('https://cdn.wholeworld.org/images/instructions_mod/nav_right.png');
}

/* *slider*/

/* modals */

/* support form */
#user_instructions_sidebar_modal_support_form {
    width: 680px;
    color: #5e5d62;
}

#user_instructions_sidebar_modal_support_form .block-main-title {
    padding-bottom: 20px;
}

#user_instructions_sidebar_modal_support_form .top-text {
    margin-bottom: 25px;
    margin-left: 30px;
    line-height: 22px;
    font-size: 16px;
}

#user_instructions_sidebar_modal_support_form .support_form_container {}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line {
    margin: 8px 0;
}

#user_instructions_sidebar_modal_support_form .support_form_line .support_form_line_col {
    display: inline-block;
    width: 500px;
}

#user_instructions_sidebar_modal_support_form .shadow_error {
    box-shadow: 0 0 0px 1px red;
    outline: none;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line .short_input {
    width: 200px;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line .long_input {
    width: 500px;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line select.long_input {
    width: 510px;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line label {
    width: 120px;
    margin-right: 10px;
    display: inline-block;
    text-align: right;
    line-height: 14px;
    vertical-align: middle;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line input {
    margin: 0;
    top: 0;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line select {
    margin: 0;
    padding: 3px;
    top: 0;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line textarea {
    margin: 0;
    min-height: 150px;
    max-width: 500px;
}

#user_instructions_sidebar_modal_support_form .support_form_line_theme input,
#user_instructions_sidebar_modal_support_form .support_form_line_theme.no_themes select {
    display: none;
}

#user_instructions_sidebar_modal_support_form .support_form_line_theme.no_themes input {
    display: block;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line_theme input.support_form_usertheme {
    margin-top: 4px;
}

#user_instructions_sidebar_modal_support_form .support_form_line_theme.no_themes input.support_form_usertheme {
    margin: 0;
}

#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line_theme label,
#user_instructions_sidebar_modal_support_form .support_form_container .support_form_line_msgtext label {
    vertical-align: top;
    margin-top: 4px;
}

#user_instructions_sidebar_modal_support_form .symbols_left_container {
    position: absolute;
    left: 690px;
    width: 0px;
    margin-top: -10px;
}

#user_instructions_sidebar_modal_support_form .symbols_left {
    position: absolute;
    right: 100%;
    white-space: nowrap;
}

#user_instructions_sidebar_modal_support_form .symbols_left.symbols_toomuch {
    color: red;
}

#user_instructions_sidebar_modal_support_form .support_buttons_container {
    margin-left: 130px;
}

#user_instructions_sidebar_modal_support_form .support_form_submit {
    float: left;
}

#user_instructions_sidebar_modal_support_form .error {
    float: left;
    margin-top: 5px;
    margin-left: 25px;
}

#user_instructions_sidebar_modal_support_form .files_upload_container {
    margin-left: 135px;
    margin-bottom: 20px;
}

#user_instructions_sidebar_modal_support_form .files_upload_container .files_list_container {}

#user_instructions_sidebar_modal_support_form .files_list_container .attach_item_container {
    margin: 5px 0;
}

#user_instructions_sidebar_modal_support_form .files_list_container .attach_item_container:last-child {
    margin-bottom: 15px;
}

#user_instructions_sidebar_modal_support_form .attach_item_container .attach_item_name {
    margin-right: 50px;
}

#user_instructions_sidebar_modal_support_form .attach_item_container .attach_item_delete {}

#user_instructions_sidebar_modal_support_form .files_upload_container .hidden_form_container {
    display: block;
    visibility: visible;
    height: 0px;
    overflow: hidden;
    width: 0px;
}

#user_instructions_sidebar_modal_support_form .files_upload_container .hidden_form_container .form {
    position: absolute;
    top: 0;
    left: -9999px;
}

/* *support form */

/* support success */
#user_instructions_sidebar_modal_support_success {
    width: 600px;
}

/* *support success */

/* video modal*/
#user_instructions_sidebar_modal_video_frame {}

#user_instructions_sidebar_modal_video_frame .global_content_wrap {
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    margin-right: 30px;
    margin-bottom: -10px;
    padding: 5px;
    background-color: #000;

    -o-border-radius: 4px;
    -ns-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#user_instructions_sidebar_modal_video_frame .video_frame_container {
    background: url('https://cdn.wholeworld.org/images/wait1.gif') #000 49% 49% no-repeat;
}

/* *video modal*/

/* *modals */