@import "./vendor/framework/variables.less";
@import "./vendor/framework/bootstrap.less";
@import "fontawesome/font-awesome";

@import "./vendor/redactor";

@import "admin/pane_hover";
@import "admin/sheets";
@import "admin/uploads";
@import "admin/topics";


body.admin{
padding:0px;

.right{
float:right;

}

.icon{
border:1px solid #0088cc;
display:inline-block;
padding:6px;
border-radius:50%;
font-size:1.1em;
width:1.1em;
height:1.1em;
text-align:center;
background:white;

&:hover{
background:#0088cc;
color:white;
text-decoration:none;
}


}
	
    #upload_details{
    display:none;
    .content{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
        overflow:auto;
    
    }
    
    height:400px;
    width:800px;
    position:absolute;
    top:-400px;
    right:1em;

    background:white;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    background-color: @dropdownBackground;
    border: 1px solid #ccc; // Fallback for IE7-8
    border: 1px solid @dropdownBorder;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    .border-radius(6px);
    .box-shadow(0 5px 10px rgba(0,0,0,.2));
    
    
    
    }
    #upload_details::before {

    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;

    position: absolute;

    right: 215px;
    border-top: 7px solid rgba(0, 0, 0, 0.2);

    border-bottom: 0;
    bottom: -7px;

      
      
      
      
    }

    #upload_details::after {
    
    
  
      content: '';
      display: inline-block;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      
      position: absolute;

      right: 216px;
      border-top: 6px solid #ffffff;
      border-bottom: 0;
      bottom: -6px;

    }


  
  
	#toolbar-text{
	position:fixed;
	top:40px;
	left:0px;
	right:0px;
	
	}
	
	#flashs{
		position:fixed;
		bottom:0px;

		right:1em;
		min-width:600px;
		width:50%;

	}
	

	form .clearfix:before, form .clearfix:after {
		display: inline;
	}

	.error{
		color:red;
	
		input{
			border-color:red;
		}
	
		*{
			color:red;
		}
	}

	body.dragging, body.dragging * {
		cursor: move !important;

	}

	.dragged {
		position: absolute;
		opacity: 0.5;
		z-index: 2000;
	}

	ol.sortable li.placeholder {
		position: relative;
	}

	ol.sortable li.placeholder:before {
		position: absolute;

	}

	
		

	
	.placeholder{
		background:rgba(143,202,70,0.8);
		height:10px;
	}

	.prevv_folder{

		border-top:1px solid #999999;
		border-bottom:1px solid #999999;
		padding:8px 0px;

		.placeholder{
		height:0px;
		}
	
		&.active{
		background:rgba(143,202,70,0.8);

		}

	}



	#sortable_menu_item{
		.menu_item_row{
			padding:8px 0px;
			background:rgba(240,240,240,1);
			margin:3px 0px;

			.actions{
			text-align:right;

			}
	
		}
	
	
	
		.receptable{
			position:relative;
	
			.placeholder{
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			height:auto;
			}

		}

	}
	
	#menu_item_informations{
	position:fixed;
	top:100px;
	right:2em;
	width:330px;
	height:70%;
	.placeholder{
	display:inline-block;
	width:91px;
	height:91px;
	margin:0px;
}
	
	.portlet{
	display:inline-block;
	
	
	}
	}
	

	
	.block_portlets{
		min-height:50px;
		border:1px dotted rgba(227,227,227,1);
	
		
	}

	.block_portlets_sortable{
	border:0px;
	
	}

	.portlet{

		
		
	}
	
	#menu_item_inspector_container{
		
	.accordion{
		box-shadow:rgba(0,0,0,1) 0px 0px 5px;
		height:auto;
		background:black;
	}
		
		.accordion-group{
		border:0px;
		border-radius:0px;
		}
		
		
		.accordion-body{
		background:white;
	
		}
		.accordion-heading{
		border-radius:0px;
		border:0px;
		background:-webkit-linear-gradient(top, #222222, #111111);
		padding:0px;
		min-height:0px;
			a{
			padding:10px 20px;
			color:white;
			
			&:hover{
			text-decoration:none;
			}
			}
	
		}
		.inspector_handle{
		height:10px;
		width:100%;
		background:black;
		cursor:pointer;
		
		}
		
		.portlet{
		img{height:50px;cursor:pointer;}
		}
	}
	
	.btn-toolbar{
	display:none;
	
	}
	
	
	#column_sliders{
	
	position:relative;
	
	.slider{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
	.slider-selection{
	display:none !important;
	}
	
	.slider:not(:first-child){
		
		
		.slider-track{
		background:transparent;
		box-shadow:transparent 0px 0px 0px;
		}
	}
	
	
	.slider-handle{
	z-index:100;
	}
	
	}
	
	.html_content_form{

	
	


		#ace_editor_pre{
			position:relative;
			width:100%;
			height:400px;
			background:white;
			border:1px solid #353535;
	
		}
	


		

			&.large{
				position:fixed;
				top:0px;
				left:0px;
				bottom:0px;
				right:0px;
				background:white;
				z-index:2000 !important;
		
		
				#ace_editor_pre{
					position:absolute;
					top:10px;
					left:10px;
					bottom:50px;
					right:10px;
					width:inherit;
					height:inherit;
			
	
				}
			
				.action{
			
					position:absolute;
		
					bottom:15px;
					right:5px;
				
			
				}
		
		
		
	
			}

	
	}
	
	

	.image_square{
	display:inline-block;
		padding:5px;
		margin:5px;
		position:relative;
		border : 1px solid rgb(230,230,230);

		background:white;
		
		.actions{
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		}
	}

	.image_square .img{
		text-align:center;
		width:150px;
		height:150px;
		margin:0px;
		background-position:center center;
		background-repeat:no-repeat;

		background-size: contain;
	
	
	
	}

	.image_square:hover .actions{
		display:block;
		border:none;
		padding:0px;
		margin:0px;


	
	}

	.image_square:hover .actions:hover{

		opacity:1;
	
	}
	
	
	
}