1KA_F2F/resources/sass/admin_new/pages/survey_edit/branching.scss

/*
    Osnova za branching
*/


$branching_settings_size: 401px;

// Layout mere - razsirjen toolbox
$branching_toolbox_size_big: 240px;
$branching_main_space_left_big: $branching_toolbox_size_big + 64px;

// Layout mere - skrcen toolbox
$branching_toolbox_size_small: 40px;
$branching_main_space_left_small: $branching_toolbox_size_small + 64px;

$branching_main_size_big: calc(100% - #{$branching_settings_size} - #{$branching_main_space_left_big});
$branching_main_size_small: calc(100% - #{$branching_settings_size} - #{$branching_main_space_left_small});


#placeholder{
    display: flex;
    box-sizing: border-box;

    width: 100%;
    //max-width: 1500px;

    margin: 0 0 0 0;
}

#branching {
	min-height: 400px;
    width: $branching_main_size_big;
    margin: 0 0 0 $branching_main_space_left_big;

    background-color: white;
    
	ul {
        display: flex;
        flex-direction: column;

		padding: 0;
		margin: 0;

        /*> ul{
            padding-left: 25px;

            > ul{
                padding-left: 25px;

                ul{
                    padding-left: 25px;
                }
            }
        }*/

        li {
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            padding: 0;
            
            list-style: none;            

            // Drop in no drop polja
            &.drop{
                height: 32px;

                &:hover{
                    .pb_new {
                        display: flex;
                    }

                    .pb_icon{
                        display: block;
                    }
                }
            }
            &.nodrop{
                height: 16px;

                &:hover{
                    .pb_new {
                        display: flex;
                    }

                    .pb_icon{
                        display: block;
                    }
                }
            }
            
            // Page break polje in dodajanje page breaka
            .pb_on,
            .pb_new{
                cursor: pointer;
                display: flex;
                align-items: center;

                &.pb_new{
                    height: 16px;
                }

                &.pb_new{
                    display: none;
                    height: 32px;
                }

                &.permanent{
                    cursor: default;
                }

                .pb_page{
                    width: 130px;

                    font-size: 16px;
                    font-weight: 600;
                    line-height: 16px;

                    color: #A9A9A9;
                }
                .pb_line{
                    width: 100%;
                    height: 1px;

                    border-bottom: 1px $dark-gray2 solid;
                }
                .pb_icon{
                    display: none;

                    /*&:before{
                        content: "A";
                    }*/
                }
            }
            // Brez page breaka
            .pb_off {

            }            
        }
	}

	li.spr.ui-draggable-dragging {
		z-index: 99999;
	}

	li.drop.branchinghover {
		background-color: $gray !important;
		a {
			display: none;
		}
	}
	li.nodrop.branchinghover {
		background-color: $gray !important;
		a {
			display: none;
		}
	}

	.variable_name {
		cursor: move;
        margin-top: -2px;
	}


    /* font awesom za admin */
    #variable_holder input[type="checkbox"].enka-admin-custom,
    #variable_holder input[type="radio"].enka-admin-custom  {
        display: none !important;
    }
    #variable_holder input[type="checkbox"].enka-admin-custom+ span.enka-checkbox-radio:before,
    #variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before {
        font-family: $fontawesome;
        display: inline-block;
        font-size: 16px;
        color: $dark-gray2;

        font-weight: 400;
    }
    #variable_holder input[type="checkbox"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
    #variable_holder input[type="radio"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before {
        display: inline-block;
        float: left;
        padding-top: 4px;
        padding-left: 4px;
        
        font-weight: 400;
    }

    #variable_holder input[type="checkbox"].enka-admin-custom + span.enka-checkbox-radio:before{
        /*content: "\f096";*/
        content: "\f0c8";
        letter-spacing: 10px;
    }
    #variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before{
        /*content: "\f10c";*/
        content: "\f111";
        letter-spacing: 8px;
    }
    /* select, checked */
    #variable_holder input[type="checkbox"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
        /*content: "\f046";*/
        content: "\f14a";
        color: $dark-gray2;
        letter-spacing: 8px;
    }
    #variable_holder input[type="radio"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
        /*content: "\f192";*/
        content: "\f192";
        color: $dark-gray2;
    }

    span.faicon.delete_circle::before {
        font-size: 14px;
    }
    span.faicon.add::before {
        font-size: 14px;
    }


    /* Okno za drop vprasanja, ko je anketa prazna */
    .empty_vrivanje {
        display: flex;
        flex-direction: column;
        justify-content: center;
        
        height: auto !important;
        box-sizing: border-box;
        margin: 32px 0 24px 0;
        padding: 60px 0;
        
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        
        background: $white;
        border: 1px solid $gray;
        
        .empty_vrivanje_title {
            margin: 0 auto 32px auto;
        }
        
        .empty_vrivanje_buttons{
            display: flex;
            justify-content: center;

            button{
                margin: 0 8px;

                font-weight: 400;
            }
        }
    }
    .empty_vrivanje.branchinghover {
        background: 0 !important;
        background-color: $gray;
    }


    #bottom_icons_holder{
        /*display: none;*/
    }
}



.branchinghover {
	background: url('../../../admin/survey/img_0/hover_background.png') repeat-x top left !important;
}
.blockSwitch {
	position: relative;
	margin: 10px auto 0;
	text-align: center;
	p {
		display: inline;
		font-size: 14px;
	}
}