/* Hintergrundselektion in JSF Seite deaktivieren */
div {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Image dragging deaktivieren */
img {
    pointer-events: none
}

/* Lesbarekeit deaktivierter Elemente verbessern*/
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .65;
}

body {
    /* font like schulobst */
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;

    /* background like schulobst */
    background-color: #e6e6e6;
    background-image: url(/vdv-ka-online-pruefdatenbank/javax.faces.resource/bgverlauf.jpg.xhtml?ln=images);
    background-repeat: repeat-x;
    background-position: top left;
    background-attachment: fixed;
    margin: 0px;
}

.ui-widget {
    /* font like schulobst */
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.sob-site {
    /* white-page layout like schulobst */
    margin: 0 auto;
    margin-top: 0px;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.428571429rem;
    padding: 0px 15px;
    max-width: 90%;
}

.sob-login-panelGridCenter {
    margin: 0 auto;
}

.sob-header {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.sob-content {
    min-height: 550px;
}

#content_content {
    padding: 0;
}

.sob-undecoratedLink {
    text-decoration: none;
    color: #000000;
}

.sob-footer {
    border-top: 1px solid #ededed;
    font-size: 12px;
    margin-top: 6px;
    padding-top: 3px;
    margin-bottom: 4px;
}

.sob-login-messages {
    min-height: 100px
}

.sob-menu-item {
    padding-top: 8px !important;
    padding-left: 5px !important;
    padding-right: 5px !important
}

.sob-submenu {
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important
}

.sob-menu-user-icon {
    padding-top: 2px;
    float: left
}

.sob-menu-user-name {
    margin-left: 0.3em
}

.sob-menu-user {
    padding-top: 7px;
    padding-right: 20px;
    float: left;
}

.sob-menu {
    padding: 0px 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sob-menu-options {
    display: block;
    float: left;
}

.sob-menu-logout {
    float: left;
}

/* transparent menubar like schulobst */
.ui-menu.ui-menubar {
    background-color: white;
    background-image: none;
}

@media print {
    #header, #footer, #menu {
        display: none;
    }

    body {
        font-size: 14px;
    }

    .sob-no-print {
        display: none;
    }

    .ui-radiobutton-box.ui-widget.ui-corner-all {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none;
        border: 1px solid;
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        box-shadow: none;
        font-size: 14px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color: white;
    }

    .ui-chkbox-box.ui-widget.ui-corner-all {
        border: 1px solid;
        padding-left: 2px;
        padding-top: 0px;
        padding-bottom: 2px;
        box-shadow: none;
        font-size: 14px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color: white;
    }

    .ui-wizard-navbar {
        display: none;
    }

    .sob-site {
        /* white-page layout like schulobst */
        box-shadow: none;
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 0px 0px 0px 0px;
        max-width: 100%;
    }

    .sob-cell-align-top {
        font-size: 14px;
    }

    .ui-panel {
        border: none !important;
    }

    .page-break {
        display: block;
        page-break-before: always;
    }

    div.ui-growl {
        display: none;
    }
}

@page {
    margin: 0.8cm
}

.page-break {

}

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

div.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active:before {
    content: "\f00c";
    font-family: FontAwesome;
    width: 17px;
    height: 17px;
}

div.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span {
    display: none;
}

div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active:before {
    content: "\f00c";
    font-family: FontAwesome;
    width: 17px;
    height: 17px;
}

div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active > span {
    display: none;
}

/* grey menu hover like schulobst */
.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover {
    color: #000000;
    text-decoration: none;
    background-color: #e8e8e8;
    background-position: 0px;
    background-image: -moz-linear-gradient(top, #e8e8e8, lightgrey); /* #e8e8e8 light grey like schulobst */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(lightgrey));
    background-image: -webkit-linear-gradient(top, #e8e8e8, lightgrey);
    background-image: -o-linear-gradient(top, #e8e8e8, lightgrey);
    background-image: linear-gradient(to bottom, #e8e8e8, lightgrey);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

/* non inverted menu-icon like schulobst */
.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover .ui-icon {
    background-image: url("/vdv-ka-online-pruefdatenbank/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrapext");
}

/* Breite der aufklappenden Menüs */
ul.ui-widget-content.ui-menu-list.ui-menu-child {
    width: 320px;
}

.test1 {
    text-align: center
}

.checkboxLabel {
    min-height: 22px;
    display: block;
}

.sob-cell-align-top {
    vertical-align: top;
}

.errorMessage {
    display: block;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-top: 100px;
    color: darkred;
}

.sob-cell-ui-field-100-prozent {
    width: 100%;
}

.sob-cell-with-30 {
    min-width: 30px;
}

.sob-cell-with-50 {
    min-width: 50px;
}

.sob-cell-with-100 {
    min-width: 100px;
}

.sob-cell-with-150 {
    min-width: 150px;
}

.sob-cell-with-200 {
    min-width: 200px;
}

.sob-cell-with-300 {
    min-width: 300px;
}

.sob-cell-with-450 {
    min-width: 450px;
}

.sob-cell-with-500 {
    min-width: 500px;
}

.sob-cell-with-250 {
    min-width: 250px;
    max-width: 250px;
}

.ui-blockui {
    opacity: 0.1;
}

.sob-full-with {
    width: 100%;
}

.sob-cell-with-50Proz {
    width: 50%;
}

.sob-cell-with-100Proz {
    width: 100%;
}

.sob-cell-with-33Proz {
    width: 33%;
}

.sob-img-logo{
    display: block;
    margin: 0 auto;
}

.ui-galleria{
    width: 100% !important;
}
.ui-galleria-panel-wrapper{
    width: 100% !important;
}
.ui-galleria-panel{
    width: 100% !important;
}
.ui-galleria-caption{
    width: 100% !important;
}

.ui-galleria-nav-prev,.ui-galleria-nav-next {
    bottom: 75px !important;
}
.ui-galleria-caption{
    bottom: 180px !important;;
}

.ui-galleria-filmstrip-wrapper{
    height: 160px !important;
}

.ui-galleria-frame,.ui-galleria-frame-image,.ui-galleria-frame-content{
    width: 240px !important;;
    height: 160px !important;;
}

/* 	Design nach den Vorgaben von Benjamin anpassen */
.fa-plus:before, .fa-print:before, .fa-file-text-o:before {
    color: #fff;
}
#action-export-csv > i, #action-print > i, #action-add > i {
    height:15px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background-color: #009EE0;
    padding: 5px 7px;
    color: #fff;
    border-radius: 5px;
}

.fa-file-word-o {
    font-size: 4em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: #fff;
    background-color: #009EE0;
    text-shadow: transparent;
    background-image: none;
    border: 0px solid #cccccc;
    border-color: transparent;
    border-bottom-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /* filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);*/
    /* filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */
    /* -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
    /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */
}
.ui-datatable .ui-column-filter {
    display: block;
    width: 100%;
    margin-left: -6px;
}
.ui-column-filter .ui-inputfield .ui-inputtext .ui-widget .ui-state-default .ui-corner-all input{
    background-color:#fff;
}
.ui-widget-content {
    border: 0px solid #dddddd;
    /*background: transparent;*/
    color: #333333;
}
tbody .ui-panelgrid .ui-widget {
    display:block;
    margin: 0 auto;
    text-align:center;
}
.ui-panelgrid .ui-panelgrid-cell {
    border-width: 0px;
    border-style: solid;
    border-color: inherit;
    margin:0 auto;
    padding:0 2px;
    display:block;
    float:left;
}
#menu-option-user,
#menu-pruefungen > ul,
#menu-pruefungen > ul > li,
.ui-widget .ui-menuitem,
.ui-widget .ui-menuitem li,
#menu-administration > ul,
#menu-admin-katalog > ul,
#menu-admin-benutzerverwaltung > ul
{
    background-color: #fff;
}
span.ui-column-title {
    font-size:80%;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default input {
    border: 1px solid #fff;
}
.ui-picklist-list-wrapper {
    border: 1px solid #DEDEDF;
}
.ui-tooltip2 {
    background-color:#fff;
}

.ui-tooltip {
    border: 1px solid #ccc;
    box-shadow: 0 0 10px 0 #ddd;
    -moz-box-shadow: 0 0 10px 0 #ddd;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    background: #f8f8f8;
    background-color:#ffe;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    color: #000000;
    border-radius:0px;
    border: 0px solid #fff;
}
.ui-selectonemenu-panel .ui-selectonemenu-list {
    background-color: #fff;
}
.ui-widget-content .ui-state-active{
    color: #000000;
}

.ui_disabled {
    background-color: rgba(0, 0, 0, 0.23);
}

.crudTableActionsIcon {
    font-size: 14px;
    color: #666666;
    margin-left: 2px;
    margin-top: 2px;
}

.white {
    color: #fff;
}

.schwarz {
    color: #000000;
}

/* commandButton text with icon */
/*.ui-button-icon-left.ui-icon.ui-c{
    left: 10%;
    text-indent: 0%;
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 0px;
}*/

/* commandButton only icon: icon */
.ui-button-icon-left.ui-icon.ui-c.icon-ohne-text{
    color: #fff;
    left: 50%;
    text-indent: 0%;
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 0px;
}
/* commandButton only icon: button */
.ui-button.ui-widget.ui-corner-all.ui-button-icon-only{
    height: 25px;
    width: 29px;
    color: #fff;
    /*background-color: #e09427;*/
    text-shadow: transparent;
    border-radius: 5px;
}

.test-icon:before {
    color: #fff;
    content: "\f1c2";
    font-family: FontAwesome;
    text-decoration: none;
    text-indent: 0%;
    position: relative;
    left: 50%;
}

/*.tst-icon {
    position: relative;
}*/

/*.tst-icon:before {
    content: "\f1c2";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 2px;
    left: 1px;
}*/

.button-with-icon {
    font-size: 18px;
    border-radius:0px;
    padding: 4px 7px;
}

.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none;
}

.ui-datalist-empty-message {
    display: none;
}