@import url(./loader.css);

.ui-dialog, .ui-widget {
    padding: 0!important;
    border-radius: 3px!important;
    border-width: 0!important;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    font-size: 13px!important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-widget-header.ui-dialog-titlebar {
    background-image: -moz-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(242,242,242) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(242,242,242) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(217,217,217) 0%, rgb(242,242,242) 100%);
    height: 33px;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    padding: 4px 15px!important;
}

.ui-dialog-title {
    line-height: 25px;
    font-size: 13px;
    font-family: "Arial";
    color: rgb( 102, 102, 102 );
    white-space: nowrap;
    width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog-content.ui-widget-content {
    padding: 0!important;
    overflow: hidden!important;
    background: #fff!important;
}

.ui-dialog-content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 100% !important;
}

.ui-dialog-content>iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.ui-widget-overlay {
    background: #aaa;
    opacity: 0.3;
}

div.ui-dialog.ui-widget.ui-widget-content > div.ui-dialog-titlebar > button.ui-state-focus {
    box-shadow: none!important;
    border-color: transparent!important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    background: url(/static/common/images/close-btn-gray.png) 50% 50% no-repeat!important;
    box-shadow: none!important;
    border-color: transparent!important;
    outline: none!important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover:focus {
    border-color: transparent!important;
    background: url(/static/common/images/close-btn.png) 50% 50% no-repeat!important;
    box-shadow: none!important;
    outline: none!important;
}

.ui-icon-closethick {
    background: none!important;
}

.peb-dialog-container {
    max-height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.peb-dialog-container > .peb-dialog-content {
    padding: 10px;
    overflow-y: auto;
    box-sizing: border-box;
    flex: 1;
}

.peb-dialog-container > .peb-dialog-buttons {
    height: 55px;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    flex: 0 0 55px;
}

.no-scroll {
    overflow: hidden;
}

.peb-dialog-flex {
    display: flex;
}

.ui-widget-content a {
    color: inherit;
}