.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-layout-pane {
    background: #fff;
    overflow: auto
}

.ui-layout-content {
    padding: 10px;
    position: relative;
    overflow: auto;
    width: 100%;
    border: 0
}

.layout-child-container,.layout-content-container {
    padding: 0;
    overflow: hidden
}

.layout-child-container {
    border: 0
}

.layout-scroll {
    overflow: auto
}

.layout-hide {
    display: none
}

.ui-layout-resizer {
    background: #fafafa;
    border: 1px solid #eee;
    border-width: 0
}

.ui-layout-resizer-open-hover,.ui-layout-resizer-dragging {
    background: #fafafa
}

.ui-layout-resizer-dragging {
    border: 1px solid #eee
}

.ui-layout-resizer-north-dragging,.ui-layout-resizer-south-dragging {
    border-width: 1px 0
}

.ui-layout-resizer-west-dragging,.ui-layout-resizer-east-dragging {
    border-width: 0 1px
}

.ui-layout-resizer-dragging-limit {
    background: #e1a4a4
}

.ui-layout-resizer-closed-hover {
    background: #ebd5aa
}

.ui-layout-resizer-north-sliding-hover {
    border-bottom-width: 1px
}

.ui-layout-resizer-south-sliding-hover {
    border-top-width: 1px
}

.ui-layout-resizer-west-sliding-hover {
    border-right-width: 1px
}

.ui-layout-resizer-east-sliding-hover {
    border-left-width: 1px
}

.ui-layout-toggler {
    border: 1px solid #eee;
    background-color: #eee
}

.ui-layout-resizer-hover .ui-layout-toggler {
    opacity: 1.00;
    filter: alpha(opacity=100)
}

.ui-layout-toggler-hover,.ui-layout-resizer-hover .ui-layout-toggler-hover {
    background-color: #FC6;
    opacity: 1.00;
    filter: alpha(opacity=100)
}

.ui-layout-toggler-north,.ui-layout-toggler-south {
    border-width: 0 1px
}

.ui-layout-toggler-west,.ui-layout-toggler-east {
    border-width: 1px 0
}

.ui-layout-resizer-sliding .ui-layout-toggler {
    display: none
}

.ui-layout-toggler .ui-content {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 8px;
    width: 100%;
    padding-bottom: .35ex
}

.ui-layout-toggler .ui-content .fa {
    line-height: 8px
}

.ui-layout-toggler-north-closed .fa:before,.ui-layout-toggler-south-open .fa:before {
    content: "\f0d7"
}

.ui-layout-toggler-south-closed .fa:before,.ui-layout-toggler-north-open .fa:before {
    content: "\f0d8"
}

.ui-layout-toggler-west-closed .fa:before,.ui-layout-toggler-east-open .fa:before {
    content: "\f0da"
}

.ui-layout-toggler-east-closed .fa:before,.ui-layout-toggler-west-open .fa:before {
    content: "\f0d9"
}

.ui-layout-mask {
    border: none!important;
    padding: 0!important;
    margin: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    opacity: 0!important;
    filter: Alpha(Opacity="0")!important
}

.ui-layout-mask-inside-pane {
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important
}

@media print {
    html {
        height: auto!important;
        overflow: visible!important
    }

    body.ui-layout-container {
        position: static!important;
        top: auto!important;
        bottom: auto!important;
        left: auto!important;
        right: auto!important;
        _width: auto!important;
        _height: auto!important
    }

    .ui-layout-resizer,.ui-layout-toggler {
        display: none!important
    }

    .ui-layout-pane {
        border: none!important;
        background: transparent!important;
        position: relative!important;
        top: auto!important;
        bottom: auto!important;
        left: auto!important;
        right: auto!important;
        width: auto!important;
        height: auto!important;
        overflow: visible!important
    }
}