/**
    vrh.commontools v1.0.0

    VRH Common Tools gyűjteményhez használatos stílusok.
    ----------------------------------------------------   
     Created: Wittmann Antal, 2017
*/

/**
    VrhAutoComplete számára szükséges stílusok.
*/
.right-inner-addon {
    position: relative;
}

    .right-inner-addon input {
        padding-right: 20px;
    }

    .right-inner-addon i {
        color: lightgray;
        font-size: 14px;
        position: absolute;
        right: 0px;
        padding: 10px 20px;
        cursor: pointer;
    }

/*Innentől ui-autocomplete módosítása WA20170212*/
.ui-corner-all {
    -moz-border-radius: 4px 4px 4px 4px;
}

.ui-widget-content {
    /*border: 1px solid gray;*/
    color: #222222;
    background-color: white;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
}

.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}

.ui-autocomplete {
    cursor: default;
    position: absolute;
    z-index: 2000;
}

.ui-menu .ui-menu-item {
    /*background-color: white;
            height:18px;
            font-size:12px;*/
    background-color: white;
    border: none;
    border-radius: 3px;
    clear: left;
    float: left;
    margin: 0;
    padding: 0px;
    width: 100%;
}
    /* ezek lehet nem kellenek csak a mintában benne voltak egyelőre marad*/
    .ui-menu .ui-menu-item a {
        display: block;
        padding: 3px 3px 3px 3px;
        text-decoration: none;
        cursor: pointer;
        background-color: lightgreen;
    }

        .ui-menu .ui-menu-item a:hover {
            display: block;
            padding: 3px 3px 3px 3px;
            text-decoration: none;
            color: whitesmoke;
            cursor: pointer;
            background-color: ButtonText;
        }
/* EDDIG ezek lehet nem kellenek csak a mintában benne voltak egyelőre marad*/
.ui-widget-content a {
    color: #222222;
}


/* MultiList autocompletehez szükséges stílusok START */
.multitable {
    width: 100%;
}

.multicontainer {
    cursor: default;
    background-color: lightgrey;
    float: left;
    padding: 2px;
    margin: 2px;
}

    .multicontainer div:first-child {
        color: black;
        float: left;
        font-size: 10px;
        padding: 0px;
        margin: 0px;
    }

    .multicontainer div:last-child {
        color: red;
        cursor: pointer;
        float: left;
        font-size: 10px;
        font-weight: bold;
        padding: 0px;
        margin: 0px 0px 0px 2px;
        width: 15px;
        text-align: center;
    }
/* MultiList autocompletehez szükséges stílusok END */

/**
    VrhAutoComplete számára szükséges stílusok. END
*/


/*********************************************************/
/* VrhCommonActions helperhez használatos stílusok START */
/*********************************************************/
.vrhActionsTitle {
    color: #ffd800;
    cursor: pointer;
    font-size: x-large;
    opacity: 0.8;
}

    .vrhActionsTitle:hover {
        font-style: italic;
    }

    .vrhActionsTitle i {
        font-style: inherit;
    }

.vrhActionsPanel {
    margin-top: .3rem;
    margin-bottom: .3rem;
}
/*********************************************************/
/* VrhCommonActions helperhez használatos stílusok   END */
/*********************************************************/


/*********************************/
/* VrhDataTable prototípus START */
/*********************************/
.datatableActionIcon {
    cursor: pointer;
    color: orange;
    opacity: .7;
    margin-left: 4px;
}
select.datatableColumnFilter:invalid {
    color: gainsboro;
}
select.datatableColumnFilter > option {
    color: black;
}
    select.datatableColumnFilter > option[value=""] {
        color: gainsboro;
    }
    select.datatableColumnFilter > option:not([value]) {
        color: gainsboro;
    }
.datatableColumnFilter {
    border-radius: 4px;
    padding: 0 3px 0 3px;
    /*margin: -2px;*/
    width: 100%;
    height: 28px;
}
/*********************************/
/* VrhDataTable prototípus   END */
/*********************************/


/***********************************/
/* VrhMasterData prototípus  START */
/***********************************/
div.getConfirmContent td.data {
    padding-left: 4px;
    color: white;
}

div.getConfirmContent span {
    font-weight: bold;
}
/***********************************/
/* VrhMasterData prototípus    END */
/***********************************/


/*************************************************/
/* VrhPageHelp helperhez használt stílusok START */
/*************************************************/
.vrhHelpTitle {
    color: #ffd800;
    cursor: pointer;
    font-size: x-large;
    opacity: 0.8;
}
    .vrhHelpTitle:hover {
        font-style: italic;
    }
    .vrhHelpTitle i {
        font-style: inherit;
    }

.vrhHelpContent {
    color: #ffd800;
    font-size: smaller;
    overflow-x: auto;
}
/*************************************************/
/* VrhPageHelp helperhez használt stílusok   END */
/*************************************************/

