/*******************************************************
Override oblique UI font face definition
*******************************************************/
@font-face {
    font-family: 'FontAwesome';
    src:
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/FontAwesome.otf.xhtml");
    src:
            /*url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/fontawesome-webfont.eot.xhtml"),*/
            /*url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/fontawesome-webfont.eot.xhtml?#iefix") format('embedded-opentype'),*/
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/fontawesome-webfont.woff2.xhtml") format('woff2'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/fontawesome-webfont.woff.xhtml") format('woff'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/fontawesome-webfont.ttf.xhtml") format('truetype'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/fontawesome-webfont.svg.xhtml?#fontawesomeregular") format('svg');

    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src:
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/glyphicons-halflings-regular.eot.xhtml");
    src:
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/glyphicons-halflings-regular.eot.xhtml?#iefix") format('embedded-opentype'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/glyphicons-halflings-regular.woff2.xhtml") format('woff2'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/glyphicons-halflings-regular.woff.xhtml") format('woff'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/glyphicons-halflings-regular.ttf.xhtml") format('truetype'),
            url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/glyphicons-halflings-regular.svg.xhtml#glyphicons_halflingsregular") format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/EInbV5DfGHOiMmvb1Xr-hha1RVmPjeKy21_GQJaLlJI.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff.xhtml") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
    url("/mwst-webpublikationen/public/javax.faces.resource/obliqueUI/fonts/OpenSans/PRmiXeptR36kaC0GEAetxqQf9gnzM91ovO3JZgha9gY.woff.xhtml") format('woff');
}

/*******************************************************
Override oblique UI toggle-left behaviour for p:dialog
*******************************************************/
.column-layout.column-layout-2 {
    transition: margin-left 500ms;
}
@media (min-width: 768px) {
    .column-layout.column-layout-2.column-expanded-left {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-left: -20%;
    }


    .webpubli-panel {
        margin-right: 0;
        margin-left: 0;
        background-color: #fff;
        border-color: #ddd;
        border-width: 1px;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }



    /*******************************************************
    Primefaces components with rectangle border
    *******************************************************/
    .ui-inputfield.ui-corner-all {
        border-radius: 0% !important;
    }

    .ui-button.ui-corner-all {
        border-radius: 0% !important;
    }

    .ui-panel.ui-corner-all {
        border-radius: 0% !important;
    }

    /*******************************************************
    Primefaces radio buttons with centered point
    *******************************************************/
    .ui-radiobutton-icon {
        margin-left: -0.5px !important;
    }

    /******************************************************
    Primefaces base components styling for bootstrap theme
    ******************************************************/
    .ui-selectonemenu {
        width: 100% !important;
    }

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

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

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

    .ui-selectonemenu .ui-selectonemenu-trigger {
        width: auto !important;
    }

    .ui-selectoneradio > tbody > tr > td {
        padding-right: 5px;
    }

    .ui-selectonemenu label.ui-selectonemenu-label{
        margin-left: -12px;
        margin-top: -6px;
    }

    .ui-selectonemenu-panel{
        border-radius: 0;
    }





    /****************************************************
    Primefaces datatable cell with word wrap
    ****************************************************/
    .ui-datatable tbody tr td.wrap {
        white-space: normal;
        word-wrap: break-word;
    }

    .ui-dialog-title {
        font-size: 14px !important;
    }

    /****************************************************
    Primefaces popup openDialog() modal background color
    ****************************************************/
    .ui-widget-overlay {
        opacity: 0.5 !important;
    }

    /****************************************************
    Für das disablen von oblique-ui
    column left ul > li > <h:commandLink> von Primefaces
    ****************************************************/
    .nav-stacked > li > span {
        padding-left: 16px;
        opacity: 0.5;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d4d4d4;
        border-color: #d4d4d4;
        display: block;
    }

    /****************************************************
    Primefaces ui tabs background color and text color
    ****************************************************/
    .ui-tabs-selected {
        background-color: whitesmoke !important;
    }

    .ui-tabs-selected a {
        font-weight: bold !important;
    }

    .ui-tabs a {
        color: black !important;
    }

    /****************************************************
    Primefaces ui table row selection backround
    ****************************************************/
    .ui-state-highlight {
        background: darkgray !important;
        color: black !important;
        border-radius: 0;
    }

    /****************************************************
    Primefaces accordionPanel styling
    ****************************************************/
    .ui-accordion-header {
        border-radius: 0% !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    .ui-accordion .ui-accordion-header .ui-icon {
        display: inherit;
    }

}

.search-from-group{
    margin-top: 15px;
}

/*.search-from-group.btn.btn-link {*/
    /*background-color: red !important;*/
/*}*/



.ui-button-icon-left .ui-icon .ui-icon-calendar{
align-items: center;
}

.ui-chkbox.ui-widget{
    margin-left: -8px;
}

.checkbox label::before{
    display: none;
}

.alert{
    display: block;
    width: 100%;
}

.ui-breadcrumb ul li .ui-menuitem-link {
    margin-top: 0;
    color: #0c76ad;
}


.ui-icon-calendar {

    width: 16px;
    height: 16px;
}


.ui-breadcrumb ul li a.ui-icon-home{
    margin-top: 2px ! important;
}


.btnLinkLogFile {
    margin-right: 5px;
}

.alertMessage{
    margin-top: 10px;
}
.changedCiphersTable{
    margin-top: 10px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    background-position: 0 -42px;
}
.mceEditor{
    width: 100%;
}