@import "../../resources/node_modules/gridstack/dist/gridstack.min.css";
@import "../../resources/node_modules/gridstack/dist/gridstack.css";

/*De-activeer alle elementen*/
.form-control{
	pointer-events: none;
}
.form-check-input{
	pointer-events: none;
}
.gridjs-custom-element-inneressential.btn{
	pointer-events: none;
}
/*Maak dat resizing ding als gewenst*/
.ui-resizable-handle.ui-resizable-se {
	transform: translate(0, 0px) rotate(90deg);
    cursor: e-resize;
    width: 15px;
    height: 15px;
    bottom: 20px !important;
    display: none;
}
.grid-stack-item:hover > .ui-resizable-handle.ui-resizable-se{
	display: block;
}

/*Rechtermuisklik menu*/
.bluevioletDiv {
	color: blueviolet;	
}

/*Invisible elements doorschijnend*/
.gridjs-custom-element-outerbody:has(.invisibilityclass){
	opacity: 0.25;
}

/*Elementen*/
/*Button*/
.btn.btn-primary{
	height: 100%;
    padding: 0;
    width: 100%;
    font-size: medium;
}

.gridjs-custom-element-outerbody.bd-title{
	margin: 0;
}

.gridjs-custom-element-outerbody{
	padding-left:0px;
	padding-right:0px;
}
.form-check-label {
	vertical-align: middle;
    margin-left: 5px;
}