.pb-tooltip {
    z-index: 999;
}

.pbmodalboxoverlay {
    display: none; position: fixed; z-index: 998; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: auto; background-color: #000; background: rgba(0,0,0,0.7);
}

.pbmodalboxcontainer {
    display: flex; align-items: center; height: 100%; padding: 0 50px;
}

#mobile_layout .pbmodalboxcontainer {
    padding: 0 10px;
}

.pbmodalbox, .pbmodaltitlebox_340 {
    display: none; position: relative; background-color: #FFF; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 20px #141414; margin: auto;
}

.pbmodaltitlebox_340 {
    padding: 0;
    width: 340px;
    overflow: auto;
}

@media screen and (max-width: 840px) {
    .pbmodalboxcontainer {
        padding: 0;
    }
    .pbmodalbox {
        padding: 2px;
    }
}

.pbmodalboxclosebtn {
    display: inline-block;
    position: absolute;
    padding: 2px 6px;
    border-radius: 3px;
    right: 5px;
    top: 5px;
    background-color: #000;
    color: #FFF !important;
    font-size: 11px;
    text-decoration: none !important;
}

.pbmodaltitle .pbmodalboxclosebtn {
    color: #000 !important;
    background-color: white;
    font-size: 16px;
    cursor: pointer;
}

.pbmodaltitle .pbmodalboxclosebtn:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    min-width: 0.9em;
    display: inline-block;
    text-align: center;
    content: "\f00d";
}

.pbmodaltitle {
    font-size: 16px;
    padding: 7px 10px 9px 10px;
    text-align: left;
    background-color: #CCC;
    white-space: nowrap;
    overflow: hidden;
}

.pbmodaltitle.red {
    color: white;
    background-color: #B40000;
    background: -moz-linear-gradient(top, #C80000, #960000);
    background: -webkit-gradient(linear, left top, left bottom, from(#C80000), to(#960000));
}

.pbmodalcontent {
    padding: 10px;
}

.pbmodaldescription {
    color: #666;
    margin-bottom: 10px;
}

.selected, .selectable:active {
    opacity: 0.6;
}