@charset "UTF-8";



.dentialog-wrapper {

    --font-family: 'Roboto', 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", 'Arial';

    /*border: 1px solid rgba(0,0,0,.15) !important;*/
    border: 0 none !important;
    border-radius: 1rem;
    box-shadow: 0px 0px 16px 4px rgba(0,0,0,.15);
    padding: 0;
    position: fixed;
}

.dentialog-wrapper .ui-widget-header {
    background: var(--color-primary);
    background-image: linear-gradient(to right, #4ea8d8, #4ea8d8, #15a4a8);

    --py: 15px;
    --px: 25px;
    padding: var(--py) var(--px);

    border: 0 none;
    border-radius: 1rem 1rem 0 0;
}

.dentialog-wrapper .ui-dialog-title {
    font-weight: 500;
    font-family: var(--font-family), sans-serif;
    color: #ffffff;
}

.dentialog-wrapper .ui-widget-header .toggle-wrapper {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
}

.dentialog-wrapper .ui-widget-header .toggle-wrapper label {
    font-family: var(--font-family), sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

.dentialog-wrapper .ui-widget-header .toggle-wrapper label::before {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .65);
}

.dentialog-wrapper .ui-widget-header .toggle-wrapper label::after {
    background-color: rgba(255, 255, 255, .65);
}

.dentialog-wrapper .ui-widget-header .toggle-wrapper input:checked ~ label::before {
    background-color: transparent;
    border-color: #fff;
}

.dentialog-wrapper .ui-widget-header .toggle-wrapper input:checked ~ label::after {
    background-color: #fff;
}

.dentialog-wrapper .ui-dialog-titlebar-close {
    /*border-color: var(--color-primary);*/
    /*background-color: var(--color-primary);*/

    border-color: transparent;
    background-color: transparent;

    width: 30px;
    margin: -15px 0 0 0;
    height: 30px;
    right: 12px;
}

.dentialog-wrapper .ui-button .ui-icon {
    background: no-repeat center / 100% 100%
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5L15 15M5 15L15 5'/%3E%3C/svg%3E");

    /*background: no-repeat center / 100% 100%*/
    /*url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231f9bcf' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5L15 15M5 15L15 5'/%3E%3C/svg%3E");*/
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}

.dentialog-wrapper .dentialog-dialog {
    border-top: 1px solid rgba(0,0,0,.1);
    overflow: initial;
}

.dentialog-wrapper .dentialog-dialog iframe {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}


.dentialog-wrapper .ui-resizable-n,
.dentialog-wrapper .ui-resizable-s {
    height: 10px;
}

.dentialog-wrapper .ui-resizable-e,
.dentialog-wrapper .ui-resizable-w {
    width: 10px;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 12px;
    height: 12px;
}

