/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28.12.2015, 12:22:08
    client: FFB Stadt
*/

#boundingBox{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding-bottom:  0 !important;}

#detailsContactLabel{margin-top: 0.8em;}

/*Chrome*/ 
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FDD58B inset !important;
}

.requiredInput{
    background-color:#FDD58B ;                       
}
#zipCityAutoComplete{width: 100%; border: 1px solid #b3b3b3;}
#zipCityAutoComplete_input {width: 100%; border: none; background-color:#FDD58B ; color: #000000; padding: 0;}
#companyProductionProgramGrid .editTwoColsCol1, #editProductsGrid .editTwoColsCol1{
    display: none;
}
#companyProductionProgramGrid .editTwoColsCol2, #txtCompProductionProgram, #editProductsGrid .editTwoColsCol2, #txtEditProducts{
    width: 100%;
}

.txtCmdElem{width: 99%;}
.editSaveDiv{display: block; text-align: right; margin-top: 15px;}
.tabSaveButton, .saveTabBtn{left: 0px !important;}

.selectMany{width: 100%;}
.loginInput {background-color: #fdd58b;     background-image: none;}
.chkAgree input{width: 20px;margin-right: 5px; }
.chkAgreeTxt{}

/*# resultList:*/
.companyNameCol {text-decoration: underline; width: 35%;}
.ui-datatable th{text-decoration: none !important;}
.companyStreetCol{width: 25%;}
.companyZipCol{}
.companyCityCol{}
.companyCommunityCol{}
.productionProgCol {width: 30%;}
.clusterProductsCol{}
#resultList\:internetCol{width: 10%}

/* editcompanylist*/
.underline{text-decoration: underline !important;}


/* 2019/10 - updates for PF 6.1*/
table{width: 100%;}
#detailBaseDataGrid,#detailsContactLabel, #summaryBaseDataGrid {width: auto;}
#SearchPanel select {
    width: 100%;        
}

/* search */

.searchGridAccordeonLeft{
    width: 23%;     
}
.searchGridTopLeft{
    width: 24%;       
}
#iconsGrid{width: auto;}
#SearchPanel input {
    width: 99%;
    padding: 2px;

}
#SearchPanel .ui-inputfield{padding: 2px;}
/*.ui-corner-all, .ui-selectonemenu-trigger{border-radius: 0;}*/
.ui-outputpanel {display: inline;}
.ui-selectonemenu-items {color: #333333;}
.ui-selectonemenu .ui-selectonemenu-label,
.ui-selectonemenu.ui-widget.ui-state-default{white-space: normal; background-color: #ffffff; color:#333333; background-image: none;}

.ui-selectonemenu-panel .ui-selectonemenu-list-item { white-space: normal;}

.ui-datatable-selectable.ui-state-hover,
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover{border: 1px solid #b3d4fc;
                                                                               background: #dfedf6;
                                                                               color: #302e2e;}
/*.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next{margin-right: 3px;}*/

/*login/ registration */
.loginColLeft{width: 25%;}
#cmdLoginBtn{float:right;}
.loginColRight {float: none;}
.loginInput {width: 100%;}
#lnkShowRegistration {
    display: block;
    margin-top: 2rem;
}


#grdChkAcceptTermsOfUse{display: block; margin-left: .1em; margin-top: .5em;}
#grdChkAcceptTermsOfUse input{width: 1em;
                              margin-right: .5em;
                              display: inline-block;
                              vertical-align: top;
                              margin-top: .2em;}
#chkAcceptTermsOfUseLBL{display: inline-block; width: 90%;}

.colIcons{width: 30px;}
.colVisible{width: 45px}
.infoDlg{max-width: 300px;}
.ui-confirm-dialog {top: 10px !important; max-width: 750px;}

@media (max-width:40em){
    .ui-fileupload-buttonbar .ui-button {
        padding: .3em .1em .3em .1em;
    }
    .ui-fileupload-buttonbar .ui-button .ui-button-text{display: inline;}
    .ui-fileupload-cancel{margin-top: .3em;}
}

@media (max-width: 530px){

    /*    table, caption, colgroup, col, thead, tbody, tfoot, tr, th, td { display: block ; width: 100%;}*/
    .ui-paginator .ui-paginator-current {
        display: block;
    }
    .ui-paginator.ui-paginator-top{margin-bottom: 0;}
    .ui-panel .ui-panel-content {
        border: 0;
        background: none;
        padding: 0.5em 0.5em;
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .1em .1em 0; 
    }

    .ui-panel {
        padding: 0.1em;
    }
    .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 0.5em;
        text-decoration: none;
    }

    .ui-tabs .ui-tabs-panel {
        padding: 1em .5em;
    }

    #resultList thead {
        display: none;
    }
    #resultList table, #resultList tbody,#resultList tr, #resultList td {
        display: block;
        border: none;
        width: inherit;
    }
    /*CI Change*/
    #resultList tr:first-child {
        border-top: 2px solid #b3b3b3;
    }
    /*CI Change*/
    #resultList tr {
        border-bottom: 2px solid #b3b3b3;
        padding: .5em .2em 1em;
    }

    #resultList tbody th {
        display: block;
        font-weight: bold;
    }
    #resultList th a {
        font-weight: normal;
    }
    #resultList td {
        display: block;
        min-width: 30%;
        padding: .2em 2em;
        text-align: left;
    }
    /*    login/ registration */
    .loginColLeft, .loginColRight{display: block; width: 100%;}
    .loginColRight{margin-bottom: 1em;}
    #cmdLoginBtn {float: none;}
    #editListPanel table, #editListPanel tbody,#editListPanel tr, #editListPanel td , #editList thead{display: none;}
    #editForm thead, #companyEditPanel thead,  #kwjEventsTable thead{display: none;}
    #loginPanel table, #loginPanel tbody,#loginPanel tr, #loginPanel td,
    #editForm table, #editForm tbody,#editForm tr, #editForm td,
    #tradeForm table, #tradeForm tbody,#tradeForm tr, #tradeForm td,    
    #companyForm table, #companyForm tbody,#companyForm tr, #companyForm td,  
    #contactForm table,  #contactForm tbody, #contactForm tr,  #contactForm td,
    #employerForm table,  #employerForm tbody, #employerForm tr,  #employerForm td,
    #kwjEventsFrom table,  #kwjEventsFrom tbody, #kwjEventsFrom tr,  #kwjEventsFrom td,
    #companySummaryForm table,  #companySummaryForm tbody, #companySummaryForm tr,  #companySummaryForm td , 
    #additionsCMDKompetenz ,  #additionsCMDKompetenz tbody, #additionsCMDKompetenz tr,  #additionsCMDKompetenz td ,
    #editAdditionalPanel table,  #editAdditionalPanel tbody, #editAdditionalPanel tr,  #editAdditionalPanel td
    #companyEditPanel table, #companyEditPanel tbody,#companyEditPanel tr, #companyEditPanel td
    {
        display: block;
        border: none;
        width: auto;
    }
    #companyEditPanel td.chkAgree,#companyEditPanel td.chkAgreeTxt{display: inline-block;}
    /*    #companyEditPanel td.chkAgree{width: 10%;}*/
    #companyEditPanel td.chkAgreeTxt{width: 90%}

    #zipCityAutoComplete {width: 99%;}
    #loginPanel .editFourColsCol1,#loginPanel .editFourColsCol3,
    #editForm .editFourColsCol1,#editForm .editFourColsCol3,
    #companyEditPanel .editFourColsCol1,#companyEditPanel .editFourColsCol3
    {width: 99%; padding: 0;}
    #loginPanel .editFourColsCol2, 
    #loginPanel .editFourColsCol4,
    #loginPanel .editTwoColsCol2,  
    #editForm .editFourColsCol2, 
    #editForm .editFourColsCol4,
    #editForm .editTwoColsCol2,  
    #companyEditPanel .editFourColsCol2, 
    #companyEditPanel .editFourColsCol4,
    #companyEditPanel .editTwoColsCol2 {width: 99%; padding: 0 0 1em 0;} 
    .loginInput{width: 98%}
    #txtReguserCompanyName{width: 99%}
    #query{width: 98%;}
    #editList .ui-icon, #kwjEventsTable .ui-icon{display: inline-block;}
    #editList tr:first-child, #kwjEventsTable tr:first-child {
        border-top: 2px solid #c8cfe6;
    }
    #editList tr,  #kwjEventsTable tr {
        border-bottom: 2px solid  #c8cfe6;
        /*        border: 2px solid #c8cfe6;*/
        padding: 0em .2em ;
    }
    /*    #editList td:nth-child(1)::before {
            content: "Unternehmen: ";
            font-weight: bold;
            display: inline;
        }*/
    /*    #kwjEventsTable thead{ display: block;}*/
    #editList td:nth-child(3)::before {
        content: "Sichtbar: "; 
        font-weight: bold;
        display: inline;
    }
    #editList td:nth-child(4)::before {
        content: "Bearbeiten: ";  
        font-weight: bold;
        display: inline;
    }
    #editList td:nth-child(4), #editList td:nth-child(5){    
        display: inline !important;
        background-image:  none;
        /*        margin-left:   1em;*/
    }
    #editList td:nth-child(5)::before {
        content: "L\0000F6schen: ";  
        font-weight: bold;

    }

    .editFourColsCol2 input, .editFourColsCol2 textarea, .editFourColsCol4 input, .editFourColsCol4 textarea {
        width: 99%;
        text-align: left;
    }
    .editFourColsCol2 select, .editFourColsCol4 select {
        width: 100%;
        /* width: 202px; */
        text-align: left;
    }
    .editTwoColsCol1 {
        width: 30%;
    }

    .ui-widget-header {
        margin-bottom: 1em;
    }
    #grdContGrid2Cols2 td{display: inline;}

    #queryProfessions, #queryEducations{width: 50%;}

    #companyEditPanel .ui-panel .ui-panel-content,
    #companyEditPanel .ui-tabs .ui-tabs-panel{ padding: 0;}

    #kwjProfessionsPickList table, #kwjProfessionsPickList tbody,#kwjProfessionsPickList tr, #kwjProfessionsPickList td {
        display: block;
        border: none;
        width: inherit;
    }
    #kwjProfessionsPickList td button{display: inline-block; margin-right: 1em;}
    #kwjProfessionsPickList td .ui-picklist-button-remove,  #kwjProfessionsPickList td .ui-picklist-button-remove-all{
        float: right;
        margin-right: 0em;
        margin-left: 1em;
        margin-bottom: 0em;
        /*        margin-top: 0.3em;*/
    }     

    #kwjBenefitsDt td, #kwjBenefitRmearksDt td, #summaryCompanyData td{display: inline;}
    #summaryCompanyData .detailColLeft, #summaryCompanyData .detailColLeft{width: 30%; display: inline-block;}
    /*#summaryCompanyData .detailColRight,#summaryCompanyData .detailColLeft{display: inline !important;}*/
    /*    .footerLinksWrapper{padding: 0;}
        .footerLink{display: block; width: 80%;}
        a.footerLink {margin-bottom: 0.2em;}
        .footerLinkPipe{display: none;}
    , #searchLnk
    */
    #contactLnkMail{display: block;}

    #txtCompName {
        width: 100%;
        margin-left: 0;
    }
    /*    .ui-widget-content span{display: block; margin-left: 1em;}*/
    /*    #pEditCompanyAddress, #pEditCompanyCommunication,#cmdElemAgreeRepea,#pEditCompanyProductionProgram,*/
    /*    #editTabView{border: none;}*/
    #contEditPanel{border: none;}
}