/*
**
** Part of StackOverflow Answer 
**  http://stackoverflow.com/questions/536676/how-to-draw-a-line-between-draggable-and-droppable
**
** Created and Maintained by Bruno Alexandre (balexandre.com) 
**
** GIT REPO at https://github.com/balexandre/Draggable-Line-to-Droppable
**
** Last Edit: 08 July 2013
**
*/
* {
    margin: 0;
    padding: 0;
}

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: Arial;
    font-size: 11px;
}

ul {
    list-style: none;
}

#svgbasics {
    position: absolute;
    left: 9px;
    top: 0px;
    border: solid 0px #484;
    z-index: 0;
}

.draggable {
    cursor: pointer;
}

#pnlAllIn,
#dialog,
#dialogMappingResult,
#popButton,
#getMappings {
    z-index: 10;
}

#pnlAllIn {
    background: #fff;
    width: 773px;
    margin: 0 auto;
}

#leftPanel {
    width: 400px !important;
    float: left;
    padding: 1px 20px !important;
}

#rightPanel {
    width: 400px !important;
    padding: 1px 560px !important;
}

#leftPanel>.person {
    width: 245px !important;
}

#rightPanel>.person {
    width: 208px !important;
    margin: 5rem -9px;
    padding: 8px 0px 0px -5px !important;
}

.ex-heading {
    color: #f12711;
    text-shadow: 2px 0 2px #000;
}

/* Persons */
.person {
    height: 58px;
    line-height: 50px;
    width: 424px;
    padding: 12px 14px;
    border: 2px #b67cb6 solid;
    margin: 7px -9px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.person ul.buttons {
    float: right;
}

.person img {
    float: left;
}

.clearfix {
    clear: both;
}

.close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 999;
    background: url('../../../assets/images/close.png') no-repeat;
}

img[src="#"] {
    display: none !important;
}