/* 
    Document   : default
    Created on : 16.10.2013, 17:09:02
    Author     : dw
    Description:
        Default style sheet.
*/

html {
    font-size:14px;
}

.tab-content {
    padding: 6px 16px;
}

.main-content {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

.content_panel {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available; 
}

@media only screen and (max-width: 768px) {
    .content_panel, .content_panel > tbody, .content_panel > tbody > tr {
        display: block; 
    }
    .content_panel > tbody > tr > td {
        display: inline-block;
        width: 100%;
    }
    .content_panel > tbody > tr > td:not(:last-child) {
        padding-bottom: 0;
    }
}

.content_panel td.ui-panelgrid-cell {
    padding: 6px 0;
}

.content_panel td .ui-selectoneradio label {
    padding-left: 6px;
    padding-right: 12px;
}

.content_panel .ui-outputlabel {
    padding-right: 8px;
}

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

@media only screen and (max-width: 768px) {
    .ui-tabs .ui-tabs-panel {
        padding: 0.5em 0.6em;
    }
}

@media only screen and (max-width: 518px) {
    .ui-tabs .ui-tabs-panel {
        padding: 0.5em 0.3em;
    }
}

.kmx_accept_output {
    padding-left: 8px!important;
}

.kmx_accept_output label {
    padding-right: 0!important;
}

.kmx_autocomplete {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available; 
}

.kmx_autocomplete input {
    width: calc(100% - 33px);
    border-right: 0!important;
}

.kmx_autocomplete button {
    width: 24px!important;
}

.kmx_input {
    width: 94.2%;
    width: -moz-available;
    width: -webkit-fill-available; 
}

.kmx_input > input .ui-autocomplete-input {
    width: 98.2%;
}

.kmx_input.ui-inputtext{
    width: 98.1%!important;
}

.main_layout {
    min-width:400px;
    min-height:200px;
}

.header_layout_unit {
    padding: 0;
    border: 0;
    max-height: 150px;
}

.header_layout_unit .ui-layout-resizer {
    padding: 0;
}

.content_layout_unit {
    padding: 0;
    border: 0;
}

.kmx_content_panel {
    padding: 0;
    border: 0;
}

.kmx_content_panel > .ui-panel-titlebar {
    border: 0;
}

.kmx_content_panel > .ui-panel-content {
    padding: 0;
}

.main_tabview {
    border: 0;
    padding: 0;
}

.main_tabview .ui-tabs-nav .ui-state-default {
    font-weight: bold;
}

.main_tabview.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding-bottom: .1em;
}

.main_tabview.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    min-width: 33%;
    border-width: 1px;
    border-style: solid;
}

@media only screen and (max-width: 768px) {
    .main_tabview.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
        min-width: 49.5%;
    }
}

@media only screen and (max-width: 518px) {
    .main_tabview.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
        min-width: 99.4%;
    }
}

.main_tabview.ui-tabs .ui-tabs-nav li {
    margin: 0;
}

.kmx_tab {
    padding: 1em 0.5em;
}

.innerPanelGrid tr, .innerPanelGrid th, .innerPanelGrid td {
    border: 0!important;
}

.stylePanelGrid td {
    padding-left: 0px!important;
}

.float_left {
    margin: 0;
    text-align: left;
    float: left;
}

.float_right {
    margin: 0;
    text-align: right;
    float: right;
}

.float_center {
    text-align: center;
}

.version {
    font-style: italic;
    font-size: 0.65em;
    padding: 2px 4px;
}

.user_name {
    font-style: italic;
}

.kmx_footer {
    font-size: 0.8em;
}

.captiontext {
    font-size: 1.5em;
    padding-left: 20px;
    padding-top: 20px;
    font-weight: bold;
    float: left;
}

.outer_nav_bar {
    border:0px;
}

.nav_bar {
    min-width: 200px;   
}

.nav_form {
    overflow: hidden;
}

.logout {
    border: 0px;
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
}

.errorDetail {
    font-style: italic;
}

.hint {
    padding-left: 10px;
    font-style: italic;
}

.selectMenu { 
    display: inline-block; 
    vertical-align: top; 
}

.sprachSwitcher {
    margin-top: 0px!important;
    position: absolute;
    width: 200px;
    top: 0px;
}

.sprachSwitcher img {
    border: 0px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.sprachSwitcher img:hover, .sprachSwitcher img.selectedLang {
    border: 0px;
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

.selectedLang {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(170,170,170,1) 0%, rgba(170,170,170,1) 18%, rgba(170,170,170,0.06) 65%, rgba(170,170,170,0) 68%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(170,170,170,1)), color-stop(18%,rgba(170,170,170,1)), color-stop(65%,rgba(170,170,170,0.06)), color-stop(68%,rgba(170,170,170,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(170,170,170,1) 0%,rgba(170,170,170,1) 18%,rgba(170,170,170,0.06) 65%,rgba(170,170,170,0) 68%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(170,170,170,1) 0%,rgba(170,170,170,1) 18%,rgba(170,170,170,0.06) 65%,rgba(170,170,170,0) 68%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(170,170,170,1) 0%,rgba(170,170,170,1) 18%,rgba(170,170,170,0.06) 65%,rgba(170,170,170,0) 68%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(170,170,170,1) 0%,rgba(170,170,170,1) 18%,rgba(170,170,170,0.06) 65%,rgba(170,170,170,0) 68%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#00aaaaaa',GradientType=1 );  /*IE6-8 fallback on horizontal gradient */
}

#master_div{
    height: 100%!important;
    width: 100%!important;
}

.own-logo {
    max-height: 150px;
    border: 0px;
    margin: 0 auto;
    display: block;
}

.logo-wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
}

.buttonPanelGrid tr, .buttonPanelGrid th, .buttonPanelGrid td {
    border: 0!important;
}

.buttonPanelGrid td {
    padding-left: 0!important;
    padding-right: 1px!important;
    padding-bottom: 1px!important;
    padding-top: 1px!important;
}

.buttonPanelGrid button {
    width: 3em;
}

.showcase {
    width: 2em; 
    height: 2em; 
    margin-left: auto; 
    margin-right: 0;
    text-align: center;
    font-size: 2em!important;
}

.showcase span {
    vertical-align: middle;
    padding-top: 0.3em;
}

.noPaddingLeftAndRight td {
    padding-left: 0!important;
    padding-right: 0!important;
}

.result-content {
    border-width: 0;
    background: none;
}

.frame-panel {
    padding: 1em 1.4em;
}

.result-label {
    padding: 2em 1.4em 1em 1.4em;
}

.result-label label {
    font-size: 1.8em!important;
}

.index-panel {
    border-style: hidden!important;
}

.index-panel fieldset {
    margin: 0 10px;
}

.login-centered {
    width: 410px;
    height: auto;
    position: relative;
    left: 50%;
    top: 55%;                
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand'); /* IE8 */
    -ms-transform: translate(-50%,-50%);  /* IE9 */ 
    -moz-transform: translate(-50%,-50%); /* Firefox 3.5 */
    -webkit-transform: translate(-50%,-50%); /* Safari, Chrome, Opera */
    -o-transform: translate(-50%,-50%); /* Opera 10.5 */
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.login-wrapper {
    width: 100%;
    height: 80%;
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
}

.pinned_footer .kmx_footer {
    position: absolute;
    width: 96%;
    bottom: 0;
    left: 2%;
}