p-dropdown {
    ::ng-deep {

        .ui-dropdown {
            width: 100% !important;
        }

        .dropdown-text {
            top: 0;
            font-size: 14px;
            margin-top: 4px;
            position: absolute;
            left: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 180px;
        }
    }
}

p-inputMask {
    ::ng-deep {
        input {
            width: 100%;
            height: 100%;
        }
    }
}

::ng-deep {
    .ui-orderlist-controls {
        display: none !important;
    }

    .ui-orderlist-list-container {
        width: 100%;
        border: 0;

        .ui-orderlist-caption {
            border: 0;
        }

        .ui-orderlist-list {
            border: 0;
            height: auto;

            .ui-orderlist-item {
                cursor: auto;
                min-height: 50px;

                &:hover {
                    background-color: transparent !important;
                    color: #4e5258 !important;
                }
            }

            .ui-state-highlight {
                background-color: transparent !important;
                color: #4e5258 !important;
            }
        }
    }

}

.drag-block {
    cursor: pointer;
}

.ml-0 {
    margin-left: 0;
}

.templateName {
    font-size: 24px;
}

.interactive {
    cursor: pointer;
}

label {
    font-family: "Usual-Regular";
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.calcField {
    position: relative;
    top: -5px;
}


.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}


.panel-header-input {
    width: 95%;
    display: inline-block;
    position: relative;
    top: -8px;
    background: #fff;
}

.disable-drop {
    pointer-events: none;
}

.business-hours {
    display: flex;
    margin-top: 43px;
}
