.drag-handle{ /*Overwrite default drag handle bar background color with below*/
	background-color: #008000;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
	position: absolute;
	background: black url(blackdot.gif);
	width: 10px;
	left: 0;
	top: 0;
	z-index: 5;
	visibility: hidden;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=70); /* for pre-IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.alpha(opacity=70)"; 	/* for IE8 */
	opacity: 0.6;
}

//--------- MODAL POPUP --------------//

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    position: absolute;
    
    /* To center horizontally */
    top: 50%;
    left: 50%;

    margin: 50 auto;
    pointer-events: all;
}