*{
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    [ng-drag]{
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;

        background-color:#c5dceb;
        color:black;
        text-align: center;
        cursor: move;
    }

    ul.draggable-objects:after{
        /*display: block;*/
        content:"";
        clear:both;
    }
    .draggable-objects li{
    }
    [ng-drag].drag-over{
        border:solid 1px red;
    }
    [ng-drag].dragging{
        opacity: 0.5;
    }
    [ng-drop]{
        background: lightgray;
        text-align: center;
        /*width: 600px;
        height: 200px;
        padding-top:90px;
        display: block;
        margin:20px auto;*/
        padding-top:5px;
        padding-bottom:3px;
        position: relative;
    }
    [ng-drop].drag-enter{
        border:solid 5px darkgray;
        background-color:#DBA900 !important;
    }
    [ng-drop] span.title{
        display: block;
        position: absolute;
        top:50%;
        left:50%;
        width: 200px;
        height: 20px;
        margin-left: -100px;
        margin-top: -10px;
    }
    [ng-drop] div{
        position: relative;
        z-index: 2;
    }

.selectedEmp {
  border:4px solid #FDFF00;
  box-shadow: 12px 12px 12px 0px dimgrey;
}



.animated.flip {
  animation-name: zoomIn;
  animation-duration:3s;
  /*-webkit-backface-visibility: hidden;
  backface-visibility:hidden;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;*/
  
}

.animated.fadeIn {
  animation-name: fadeIn;
  animation-duration:3s;
  display:block;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
/*[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}*/