/*
    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: 16px;

                &: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{
                    display: none;
                }

                &.permanent{
                    cursor: default;
                }

                .pb_page{
                    width: 130px;

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

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

                    border-bottom: 1px #D3D3D3 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;
	}


    #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;
	}
}


/* Okno za drop vprasanja, ko je anketa prazna */
.empty_vrivanje {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
	margin: 20px 0px 20px 45px !important;
	padding: 60px 0 !important;
	
	text-align: center;
	font-weight: 600;
	
    border: 1px solid $blue;
    
	.empty_vrivanje_title {
        margin: 0 auto;
		padding: 8px 20px;
        
        font-size: 16px;
        font-weight: 500;
        color: $blue;

		background-color: $blue;
		border: 1px solid $blue;
	}
	
	.empty_vrivanje_subtitle{
        margin: 15px auto 0 auto;

		font-size: 14px;
        font-weight: 400;
        
		a{
			font-weight: 500;
		}
    }
}
.empty_vrivanje.branchinghover {
    color: white;
    
    background: 0 !important;
    background-color: $gray;

    a{
        display: inline !important;
        color: white;
    }

    .empty_vrivanje_title{
        color: white;
        
        background-color: $gray;     
        border-color: white;
    }
}