/*
Primefaces tabView styling to Stuttgarter

*/

#tarifDetail {

}
.detailFooter {
    display: grid;
    grid-template-columns: 750px 1fr;
    gap: 10px;
}

.detailFooter .inEuro {
    justify-self: right;
}

#tarifDetail .ui-tabs {

}


/* tab area background */
#tarifDetail ul.ui-tabs-nav {
    background: #FFFFFF;
    display:table;
    width:100%;
}

/***********************
tabLevel0
************************/

/* unselected tab */
#tarifDetail div.ui-tabs.tabLevel0 ul.ui-tabs-nav li.ui-state-default {

    display:table-cell;

    background-color: var(--darkBlue100);
    background-image: none;

    padding-top: 7px;
    padding-bottom: 3px;
    padding-left: 1px;
    padding-right: 1px;

    margin-top:4px;
    margin-left:0px;
    margin-right:0px;

    border-right-color: transparent;
    border-right-width: 0px;
    border-right-style: none;
    border-left-color: transparent;
    border-left-width: 0px;
    border-left-style: none;
    border-bottom-color: #00a0e1;
    border-bottom-width: 8px;
    border-bottom-style: solid;

    font-weight: bold;

    color:#FFFFFF;
    text-align: center;
    cursor:pointer;
    white-space: normal;
}

/*!* unselected tab hover *!*/
/*#tarifDetail div.ui-tabs.tabLevel0 ul.ui-tabs-nav li.ui-state-default.ui-state-hover {*/

/*    !*display:table-cell;*!*/

/*    !*background-color: #959595; !*fallback*!*!*/
/*    !*background-image: none;*!*/

/*    !*margin-top:4px;*!*/
/*    !*padding-top:3px;*!*/
/*}*/

#tarifDetail div.ui-tabs.tabLevel0 ul.ui-tabs-nav li.ui-state-default a {
    color:#ffffff;
    float:none;
    padding: 0;
}


/* selected tab */
#tarifDetail div.ui-tabs.tabLevel0 ul.ui-tabs-nav li.ui-state-default.ui-state-active {

    background-color: #00a0e1;
    background-image: none;

    padding-top: 7px; /* because of larger sel fontsize*/
    padding-bottom: 3px; /* because of larger sel fontsize*/
    padding-left: 1px;
    padding-right: 1px;

    margin-top:0px;

    font-size: 13px;
    font-weight: bold;
}

/*******************************
tablevel1
********************************/

/* unselected tab */
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default,
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-active {

    display:table-cell;

    background-color:#f0f0f0;
    background-image: none;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 1px;

    /*border-top:none;*/
    border-top-style: solid;
    border-top-color: #00a0e1;
    border-top-width: 4px;

    border-left-color: transparent;
    border-left-width: 0px;
    border-left-style: none;

    border-right-color: #c3c3c3;
    border-right-width: 1px;
    border-right-style: solid;

    border-bottom-color: #f0f0f0;
    border-bottom-width: 4px;
    border-bottom-style: solid;

    cursor:pointer;
    white-space: normal;
    font-size: 13px;
}

#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default:last-child,
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-active:last-child {

    border-right: none;
}

/* unselected tab hover */
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-hover {
    background-color: #bbbbbb;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 1px;
    border-top-color: #00a0e1;
    border-bottom-color: #bbbbbb;
}

#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-hover.ui-state-active {
    background-color: #f0f0f0;
}

#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default a {
    color:#646464;
    font-weight: normal;
    font-size: 13px;
    padding-left:3px;
    padding-right:3px;
    float:none;
}

#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default:hover,
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default a:hover {
    background-color: #bbbbbb;
    color: #444444;
    border-top-color: #00a0e1;
    border-bottom-color: #bbbbbb;
}


/* selected tab */
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-active,
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-active:hover,
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-active a,
#tarifDetail div.ui-tabs.tabLevel1 ul.ui-tabs-nav li.ui-state-default.ui-state-active a:hover {
    color: #00a0e1;
    font-weight: bold;
    background-color:#f0f0f0;
    border-top-color:#f0f0f0;
    border-bottom-color:#f0f0f0;
}

.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top.tabLevel1 {
    padding-top: 0px;
    border-top-width: 0px;
}

.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top.tabLevel1 ul.ui-tabs-nav {
    padding-top: 0px;
}

.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top.tabLevel1 ul.ui-tabs-nav li{
    top: 0px;
}

/***********
tab content
 ***********/
#tarifDetail .ui-tabs-panels .ui-tabs-panel {

    padding: 0px;
}


#tabArea {
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;

}

/*for the html table*/
.detailOverview {
    margin:10px;
    font-family: sbn_sans_serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    width:98%;
}

/*for the headlines in the body of the html table*/
tr.detailOverviewHeadline {

    color: #646464;
    background-color: #e1e1e1;
    font-weight: bold;
}

tr.detailOverviewHeadline td {

    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

tr.detailOverviewPerson td {
    background-color: #E5F5FC;
    color: #0073AA;
}

tr.detailOverviewContentRow td:first-child {
    /*padding-left: 10px;*/
    border-left-color:#FFFFFF;
    border-left-width:10px;
    border-left-style:solid;
}

tr.detailOverviewEmptyRow {
    height: 6px;
}

/* is the header of the table*/
.scrollTable {
    margin:10px;
    font-family: sbn_sans_serif, Arial, Helvetica, sans-serif;
    font-size: 13px;

    width: 98%;
    margin: 1%;
    border-collapse: collapse;
}

/* is the header of a scroll table*/
.scrollTableHeader {
    font-size: 13px;
    font-weight: bold;
    vertical-align:middle;
    color: #646464;
    background-color: #e1e1e1;

}

.scrollTableHeader th {
    vertical-align:middle;
    padding-top: 3px;
    border-left-color: #FFFFFF;
    border-left-width: 1px;
    border-left-style: solid;
}

/* is the body of a scroll table*/
.scrollTableBody {

}

.scrollTableBody td {

    border-bottom-color: #c3c3c3;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

table.simZuzahlung {
    margin:10px;
    font-family: sbn_sans_serif, Arial, Helvetica, sans-serif;
    font-size: var(--defaultTextSize);
    width:98%;
}

.detailUnfall {
    margin:10px;
    border-style:none;
    border-width:0px;
    border-collapse:collapse;

    font-family: sbn_sans_serif, Arial, Helvetica, sans-serif;
    font-size: var(--defaultTextSize);
}

.detailUnfall td {
    border-width:1px;
    border-style:solid;
    border-color:#c3c3c3
}

.detailUnfallHeadline {

    color: #646464;
    background-color: #e1e1e1;


    font-weight:bold;
}

.detailUnfallHeadline td {

    padding:5px;
}

.detailUnfall .labelCell {
    text-align:left;
}

.detailUnfall .valueCell {
    text-align:right;
}