.bee-modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bee-modal-overlay {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
}

.bee-modal-dialog {
    z-index: 10000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    /*transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);*/
    background-color: #fff;
    box-shadow: 0px 3px 2px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.75);
    -ms-box-shadow: 0px 3px 2px rgba(0,0,0,0.75);
    -o-box-shadow: 0px 3px 2px rgba(0,0,0,0.75);
    padding: 10px 14px 14px;
    color: #1a1a1a;
}

.bee-modal-dialog-content {
    height: 100%;
}

    .bee-modal-dialog-content .actions {
        margin: 10px -14px -14px;
        background: #fcb930;
        padding: 10px 14px;
    }

        .bee-modal-dialog-content .actions .cancel {
            margin-left: 6px;
        }

.bee-modal-close {
    float: right;
    font-size: 18px;
    outline: none;
    border: none;
    background: none;
    filter: none;
    color: #333;
    line-height: normal;
    padding: 6px 14px 0 10px;
    z-index: inherit;
    margin: -6px -14px 0 0;
}

    .bee-modal-close:after {
        content: "x";
    }

.bee-modal-title {
    font-size: 18px;
    display: block;
    margin-bottom: 2px;
    color: #f9a715;
}