/********************************************************************************************
 * dashboard generelles layout
 ********************************************************************************************/

.dashboard {
    margin: auto;
    width: 100%;
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    bottom: 0;
    /*padding-top: 50px;*/
}

    .dashboard #menu {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }


/********************************************************************************************
 * dashboard control linke Seite
 ********************************************************************************************/

#dashboard-left {
    width: 575px;
    border: none;
    padding-top: 30px;
}

    #dashboard-left .header-add {
        float: right;
        width: 20px;
        height: 21px;
        margin: 0px 0px 0px 1px;
    }

    #dashboard-left .header {
        margin-right: 23px;
        height: 21px;
        display: block;
        text-align: left;
        overflow: hidden !important;
        background: #757474 !important;
        /*background: #757474 url("images/ui-bg_glass_75_81d742_1x400.png") 50% 50% repeat-x !important;*/
    }

    #dashboard-left .header-playlist {
        margin-right: 23px;
        height: 28px;
        display: block;
        text-align: left;
        overflow: hidden !important;
    }

    #dashboard-left .icon-right .ui-button-icon {
        left: auto;
        right: 0.5em;
    }

    #dashboard-left .ui-icon {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -8px;
    }

    #dashboard-left .ui-button {
        padding: .2em 1em .2em 2.1em;
    }

    /*#dashboard-left .header-playlist .ui-button-text {
    padding-left: 2.1em;
    padding-right: 1em;
}*/

    #dashboard-left .item-list {
        max-height: 235px;
        overflow: auto;
    }

        #dashboard-left .item-list ul {
            margin: 0px 0px 0px 10px;
            padding: 0px;
            border: none !important;
        }

            #dashboard-left .item-list ul li {
                padding: 0px;
                margin: 3px;
                list-style-type: none;
                /*border-bottom: 1px solid white;*/
            }

        #dashboard-left .item-list .item-btn-edit,
        #dashboard-left .item-list .item-btn-kill {
            float: right;
            width: 20px;
            height: 20px;
            margin: 0px 0px 0px 1px;
            padding: .6em .6em .6em .6em;
        }

        #dashboard-left .item-list .item-button {
            height: 20px;
            margin-right: 46px;
            display: block;
            text-align: left;
            overflow: hidden;
            padding-bottom: 5px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #dashboard-left .item-list .ui-button {
            color: #2e7254;
            background: #FFFFFF;
        }

        #dashboard-left .item-list .item-button:hover,
        #dashboard-left .item-list .item-btn-edit:hover,
        #dashboard-left .item-list .item-btn-kill:hover {
            background: #6ab7f2;
            color: white;
        }

        #dashboard-left .item-list a.ui-button span.ui-button-text {
            margin: 0 !important;
            padding: 0 !important;
            height: 16px;
        }

        #dashboard-left .item-list .item-button .ui-button-text {
            padding-top: 1px !important;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        #dashboard-left .item-list .ui-icon {
            background-image: url(/Content/4dCast/images/ui-icons_2e7254_256x240.png) !important;
        }

        #dashboard-left .item-list .ui-state-hover .ui-icon,
        #dashboard-left .item-list .item-state-active .ui-icon {
            background-image: url(smil-e/images/ui-icons_ffffff_256x240.png) !important;
        }

#search-device-list-container {
    position: absolute;
    z-index: 1;
}

    #search-device-list-container > #search-device-list {
        width: 12px;
        height: 8px;
        padding: 7px;
        margin: 3px;
    }

    #search-device-list-container > #search-device-list-text {
        width: 485px;
        height: 2px;
        padding-bottom: 11px;
        padding-top: 7px;
    }

.item-list input {
    margin: 0px;
    border: none;
    padding: 0px;
    background-color: white;
    height: 18px;
    margin-top: -1px;
    width: 100%;
}

/***********************************************************************
    * Dashboard rechte Seite
    ************************************************************************   */
#dashboard-right {
    position: absolute;
    top: 0;
    left: 138px;
    right: 0;
    bottom: 0;
    margin-left: 460px;
    margin-top: 50px;
    width: 1000px;
    border: none;
}

    #dashboard-right #list {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 35px;
        margin-left: 0px;
        overflow: auto;
        background-color: #ccc;
    }

    #dashboard-right .header-add {
        float: right;
        height: 20px;
    }

    #dashboard-right .header {
        height: 28px;
        display: block;
        text-align: left;
        overflow: hidden !important;
    }
/***********************************************************************
    * group-device
    ************************************************************************   */
.group-device {
    max-height: 600px;
    width: 100%;
    overflow: auto;
}

.group-device-box {
    float: left;
    border: 1px #2e7254 solid;
    padding: 3px;
    margin: 1px;
    width: 98%;
    height: 25px;
    text-align: left;
    vertical-align: middle;
}

.group-device-left {
    overflow: hidden;
    display: block;
}

.group-device-right {
    float: right;
}

.group-device-button {
    height: 22px;
}

    .group-device-button span.ui-button-text {
        height: 16px;
        padding: 1px;
        margin: 0px;
    }

#filter-overlay {
    background: white;
    width: 400px;
    height: calc(100vh - 75px);
    position: absolute;
    z-index: 100;
    border: 3px solid #3C4349;
    border-radius: 5px;
}

    #filter-overlay .head-options {
        padding: 0px 10px;
    }
    #filter-overlay #filter-options {
        overflow-y:auto;
        max-height:calc(100% - 120px)
    }

    #filter-overlay #close-filter {
        padding: 1px;
        margin-right: 11px;
        margin-top: 11px;
    }