.drag-handler {
    background-image: url('/images/dots-rotated.png');
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    cursor: move;
}

.modal-dialog.ui-draggable.ui-draggable-dragging {
    cursor: move;
}

.drop-shadow-panel {
    border-radius: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border:none;
}

.drop-shadow-panel .panel-heading {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
}

.panel-default > .panel-heading {
    color: #555555;
    border:none;
    background-color: #f4f4f4;
}

/*
this rule was affecting the cross button on modal
.panel-default>.panel-heading a {
    color: #555555;
}
*/

#popup-content-div {
    background-color: #ffffff;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

.popupFooter {
    margin-bottom: -25px;
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px;
    background-color: #F4F4F4;
}

#shadowedBoxBody #accordion.panel-group .panel+.panel {
/*
    this rule is custom to create survey popup where accordion is present,
    so please dont add any uneccessary property to this rule
 */
    margin-top: 0;
}


.lockpopup-box .modal-dialog  {
    max-width: 400px;
    min-width: 300px;
}

body.modal-open {
    overflow: hidden;
}

.fb-like-modal {
    background-image: url('/images/FB_Popup_2.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
}

#facebookPageLike {
    z-index: 1200;
}

.modal-dialog.ui-draggable .panel-heading,
.modal-dialog.ui-draggable .panel-heading .cursor-default {
    cursor: move !important;
}

.modal-dialog.ui-draggable .panel-heading a {
    cursor: pointer !important;
}