﻿.flyout-container {
    position: relative;
    z-index: 10000;
    top: 0;
    left: 0;
    display: none;
}

    .flyout-container .flyout-header {
        background-color: #006744;
        box-shadow: 1px 1px 1px #006744;
        color: white;
        font-size: 1.5em;
        padding: 2px;
        width: 100%;
    }

        .flyout-container .flyout-header label {
            font-weight: bold;
            margin: 0px 10px;
        }

        .flyout-container .flyout-header .close-icon {
            position: absolute;
            top: 5px;
            right: 5px;
            /*content: url("Images/Icons/close-selector.png") no-repeat right center;*/
            content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUlJREFUOE+dky/Og0AQxeu4AAchQVKJaRoEF8Bwg56iur0JBl8HAk1SNKoHQDTMN7+FJWUB873kJcPszps/O5x+ISKe8qJ8KjvlMBMbH2fefH0NPfCVd+VHeQTOuOPPYRNwKF9930vTNPL9fvVzjXEcpes6adsW+6WuSUQNyr4TfLvdJE1TqaqKmBUIzvNcsiwzIgoq8RCgrw+ZCQ6CQM7nsxGhEps5SRJzFsexlGWJAO1cEGA45jJBBHPRVmIz4wvDUIqikGFgrgZPBN6TPYGg30qu1+uSmWAHbwQWOeBWcpDZYtgI2J5tZhhF0TITB0Zg1YLbM8HYB69jWnhg7U2bst2ZOJU8EDDPeDTtvdep65rg5RnNIrEcLMnBtJdKNos0b6PPenLAkuxM21RC5s0qW+BQ/u9nstAD+zszWF6HUiA2Pud3Pp3+ACFt8pCe8dZ0AAAAAElFTkSuQmCC) no-repeat right center;
        }

    .flyout-container .flyout-wrapper {
        position: absolute;
        top: 5px;
        overflow: hidden;
        box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
    }

    .flyout-container .flyout-body {
        border: solid 1px #ccc;
        min-width: 250px;
        background: white;
        border-radius: 2px;
        padding: 5px;
    }

    .flyout-container .flyout-column {
        display: inline-block;
        width: 250px;
        margin: 0px 2px;
        padding: 0px 5px;
        vertical-align: top;
    }

    .flyout-container .flyout-group {
        cursor: default;
        background-color: #006744;
        box-shadow: 1px 1px 1px #006744;
        color: white;
        padding: 2px;
    }

    .flyout-container li {
        list-style: none;
        cursor: pointer;
        color: #363636;
        width: 250px;
        padding: 2px;
    }

.flyout-highlight {
    background-color: #00acec;
    box-shadow: 1px 1px 1px #00acec;
    color: white !important;
}

#ui-datepicker-div {
    z-index: 2000 !important;
}
